/* Registrum sobre el tema Bootstrap 5 de AtoM (arDominionB5Plugin).
   AtoM no permite CSS propio: el nginx de AtoM lo inserta antes de </head>
   (sub_filter). Misma marca que Pawtucket y el sitio de inicio. */

@font-face {
	font-family: "Cormorant Garamond";
	src: url("Cormorant.woff2") format("woff2");
	font-weight: 300 700;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("Inter.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--tinta: #1B2430;
	--pergamino: #F6F2EA;
	--papel: #FBF9F5;
	--ocre: #B4743A;
	--ocre-texto: #8C5A2B;
	--linea: #E4DED3;
	--bs-body-font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	--bs-link-color: #8C5A2B;
	--bs-link-color-rgb: 140, 90, 43;
	--bs-link-hover-color: #1B2430;
	--bs-link-hover-color-rgb: 27, 36, 48;
}

body {
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	background-color: var(--papel);
	color: var(--tinta);
}
h1, h2, h3, .h1, .h2, .h3 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	color: var(--tinta);
}
h1, .h1 { font-size: 2.6rem; }
a, .text-primary { color: var(--ocre-texto) !important; }
a:hover, a:focus { color: var(--tinta) !important; }
#top-bar .nav-link, #top-bar .navbar-brand { color: var(--pergamino) !important; }
#top-bar .nav-link:hover, #top-bar .nav-link:focus { color: #fff !important; }
.dropdown-menu .dropdown-item { color: var(--tinta) !important; }

/* Barra de descripción bajo el encabezado */
#top-bar + .bg-secondary {
	background-color: var(--pergamino) !important;
	color: var(--tinta) !important;
	border-bottom: 1px solid var(--linea);
	font-size: .9rem;
	letter-spacing: .02em;
}

/* Botones del encabezado y botones principales */
#top-bar .atom-btn-secondary {
	background-color: rgba(246, 242, 234, .08);
	border-color: rgba(246, 242, 234, .25);
	color: var(--pergamino);
}
#top-bar .atom-btn-secondary:hover, #top-bar .atom-btn-secondary:focus {
	background-color: var(--ocre);
	border-color: var(--ocre);
	color: #fff;
}
.atom-btn-outline-success, .atom-btn-outline-light { border-radius: 2px; }

/* Bloques laterales y tarjetas */
.list-group-item.active, .page-item.active .page-link {
	background-color: var(--tinta);
	border-color: var(--tinta);
	color: #fff !important;
}
.list-group-item.active *, #treeview .active, #treeview .active * { color: #fff !important; }
#sidebar .list-group, .card { border-color: var(--linea); border-radius: 2px; }
.accordion-button:not(.collapsed) { background-color: var(--pergamino); color: var(--tinta); }

footer { color: #5F6670; }