/* Dirección visual: editorial académica. */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-regular.148cc2a30b02.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-bold.6946aee38bc1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --c-fondo: #f3f6f8;
  --c-hoja: #ffffff;
  --c-hoja-2: #f8fafb;
  --c-tinta: #19242e;
  --c-tinta-2: #4e5d69;
  --c-tinta-3: #6f7d88;
  --c-regla: #d9e1e6;
  --c-regla-suave: #e9eef1;

  --c-primario: #173b57;
  --c-primario-hondo: #0d2a3e;
  --c-primario-texto: #174c6b;
  --c-primario-tinte: #edf3f6;
  --c-primario-tinte-2: #d6e4eb;
  --c-secundario: #267b78;
  --c-secundario-hondo: #1a5c5a;
  --c-secundario-tinte: #e7f4f2;
  --c-acento: #d6863c;
  --c-acento-hondo: #a95f21;
  --c-acento-tinte: #fff2e6;
  --c-sobre-color: #ffffff;

  /* Alias para componentes heredados: conservan funcionalidad, no la marca anterior. */
  --c-morado: var(--c-primario);
  --c-morado-hondo: var(--c-primario-hondo);
  --c-morado-texto: var(--c-primario-texto);
  --c-morado-tinte: var(--c-primario-tinte);
  --c-morado-tinte-2: var(--c-primario-tinte-2);
  --c-banda: var(--c-primario);
  --c-banda-honda: var(--c-primario-hondo);
  --c-sobre-banda: #ffffff;
  --c-sobre-banda-2: #d8e5ec;
  --c-lima: var(--c-secundario);
  --c-lima-hover: var(--c-secundario-hondo);
  --c-sobre-lima: #ffffff;
  --c-lima-tinte: var(--c-secundario-tinte);
  --c-lima-borde: var(--c-secundario);

  --c-bien: #247247;
  --c-bien-fondo: #e9f5ed;
  --c-medio: #8b5b14;
  --c-medio-fondo: #fff4dd;
  --c-mal: #a83b35;
  --c-mal-fondo: #fbeceb;
  --c-neutro: #52616d;
  --c-neutro-fondo: #edf1f3;

  --f-base: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --f-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --f-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --t-xs: .73rem;
  --t-s: .84rem;
  --t-m: .96rem;
  --t-l: 1.12rem;
  --t-xl: clamp(1.35rem, 1.2rem + .6vw, 1.7rem);
  --t-xxl: clamp(1.85rem, 1.55rem + 1.2vw, 2.5rem);
  --t-cifra: clamp(3.1rem, 2.3rem + 3vw, 4.8rem);

  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 24px;
  --e-6: 32px;
  --e-7: 48px;
  --e-8: 64px;

  --r-xs: 4px;
  --r-s: 7px;
  --r-m: 12px;
  --r-l: 18px;
  --ancho: 1260px;
  --ancho-barra: 248px;
  --sombra-hoja: 0 1px 2px rgba(15, 40, 58, .05), 0 8px 24px rgba(15, 40, 58, .045);
  --sombra-flotante: 0 16px 40px rgba(15, 40, 58, .13);
  --t-rapida: 150ms;
  --curva: cubic-bezier(.2, .72, .2, 1);
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-fondo: #10171c;
    --c-hoja: #182229;
    --c-hoja-2: #1d2931;
    --c-tinta: #edf2f4;
    --c-tinta-2: #bdc9cf;
    --c-tinta-3: #98a8b1;
    --c-regla: #35444d;
    --c-regla-suave: #27353d;
    --c-primario: #1c4c6d;
    --c-primario-hondo: #12384f;
    --c-primario-texto: #86bdd8;
    --c-primario-tinte: #1c2e38;
    --c-primario-tinte-2: #294352;
    --c-secundario: #4ea5a0;
    --c-secundario-hondo: #397f7c;
    --c-secundario-tinte: #17312f;
    --c-acento: #e3a05e;
    --c-acento-hondo: #c77a33;
    --c-acento-tinte: #382619;
    --c-sobre-banda-2: #c9dce5;
    --c-bien: #72c38d;
    --c-bien-fondo: #153022;
    --c-medio: #e8bd6b;
    --c-medio-fondo: #332814;
    --c-mal: #eb8b84;
    --c-mal-fondo: #351b1b;
    --c-neutro: #bdc9cf;
    --c-neutro-fondo: #243039;
    --sombra-hoja: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 28px rgba(0, 0, 0, .16);
  }
}