/* Capa final de color — solo lo que no cubre ref-theme.css */

:root {
	--ref-table-card-header-bg: var(--ref-blue);
	--ref-table-card-header-text: var(--ref-on-brand);
	--ref-table-card-body-bg: var(--ref-content-bg);
	--ref-table-card-row-border: #eeeeee;
}

.app-banner-button,
.app-banner-button:hover {
	background: var(--ref-gradient-hero-cta);
	background-image: var(--ref-gradient-hero-cta);
	border: 1px solid var(--ref-on-brand);
	border-color: var(--ref-on-brand);
	color: var(--ref-on-brand);
}

.app-banner-button:hover {
	filter: brightness(1.06);
}

#secondary #block-11:active,
#secondary #block-12:active,
#secondary #block-14:active,
#secondary #block-15:active,
#secondary #block-17:active,
.sidebar-middle-container aside:active {
	background-color: var(--ref-sidebar-hover);
	box-shadow: inset 3px 0 0 var(--ref-brand);
}