/*
  Tokens de diseño de la web de AEVAC.
  Fuente única de colores, tipografía, espacios y movimiento.
  scripts/contraste.py lee este fichero: cada par de color que se usa en la web
  está declarado allí y el script falla si alguno no llega al mínimo.
  Los valores de contraste de cada par se consultan ejecutando ese script,
  no se escriben aquí.
*/

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next-latin-ext-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next-latin-wght-italic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-ext-wght-normal.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light;

  /* Paleta base (modo claro) */
  --c-fondo: #faf8f4;          /* blanco cálido */
  --c-superficie: #ffffff;
  --c-superficie-2: #f0ede7;   /* blanco cálido más oscuro para bandas */
  --c-texto: #1f2429;          /* gris grafito */
  --c-texto-suave: #4a5159;
  --c-marino: #01172e;         /* azul marino de marca: el del logotipo */
  --c-logo: #01172e;           /* palabra AEVAC de la cabecera */
  --c-tecno: #1c5087;          /* azul tecnológico: enlaces y botones */
  --c-tecno-hover: #0e3762;
  --c-metal: #7e8791;          /* gris metálico: líneas divisorias */
  --c-borde: #68737d;          /* bordes que informan (campos, tarjetas pulsables) */
  --c-acento: #2075e9;         /* azul eléctrico: solo acento, nunca texto pequeño */
  --c-foco: #1a69d5;
  --c-sobre-marino: #ffffff;
  --c-sobre-marino-suave: #c9d3de;
  --c-acento-sobre-marino: #a8cdff;
  --c-sobre-tecno: #ffffff;
  --c-error: #b3261e;
  --c-error-fondo: #fdf0ef;
  --c-ok: #1e6b3a;
  --c-ok-fondo: #eef7f1;
  --c-pendiente: #7a4b00;
  --c-pendiente-fondo: #fff4dc;
  --c-marcador: #e4e0d8;       /* fondo de los marcadores de imagen ilustrativa */
  --c-marcador-texto: #3b4048;

  /* Texto sobre foto: capa marino encima de cualquier foto */
  --capa-foto: rgba(1, 23, 46, 0.80);
  --capa-foto-fuerte: rgba(1, 23, 46, 0.92);
  --capa-foto-degradado: linear-gradient(90deg, var(--capa-foto-fuerte) 0%, var(--capa-foto) 100%);

  /* Tipografía */
  --f-texto: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-titular: "Source Serif 4", Georgia, "Times New Roman", serif;
  --t-xs: 0.875rem;
  --t-s: 1rem;
  --t-m: 1.125rem;
  --t-l: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-xl: clamp(1.5rem, 1.25rem + 1.2vw, 2.125rem);
  --t-xxl: clamp(2rem, 1.4rem + 3vw, 3.5rem);
  --t-hero: clamp(2.25rem, 1.4rem + 4.4vw, 4.75rem);
  --t-claim: clamp(1.375rem, 0.95rem + 1.4vw, 2rem);
  --interlineado: 1.6;
  --interlineado-titular: 1.15;
  --medida: 68ch;

  /* Espacios */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4.5rem;
  --e-9: 6.5rem;
  --ancho: 76rem;
  --margen: clamp(1rem, 4vw, 2.5rem);

  /* Formas */
  --radio: 0.375rem;
  --radio-l: 0.75rem;
  --linea: 1px;
  --linea-informativa: 2px;
  --foco-grosor: 3px;
  --objetivo-min: 2.75rem;     /* tamaño mínimo de botones y enlaces de navegación */

  /* Movimiento */
  --dur-corta: 160ms;
  --dur-media: 320ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
}

/* Modo oscuro: sigue la preferencia del sistema salvo que la página fuerce claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-fondo: #0d151f;
    --c-superficie: #15212d;
    --c-superficie-2: #1d2a38;
    --c-texto: #eaedf0;
    --c-texto-suave: #b9c2ca;
    --c-marino: #01172e;
    --c-logo: #eaedf0;
    --c-tecno: #8ac3ff;
    --c-tecno-hover: #b8dbff;
    --c-metal: #707d89;
    --c-borde: #8996a4;
    --c-acento: #70acff;
    --c-foco: #99c4ff;
    --c-sobre-marino: #ffffff;
    --c-sobre-marino-suave: #c9d3de;
    --c-acento-sobre-marino: #a8cdff;
    --c-sobre-tecno: #01172e;
    --c-error: #ffb4ab;
    --c-error-fondo: #3a1714;
    --c-ok: #8fd4a6;
    --c-ok-fondo: #12301e;
    --c-pendiente: #ffd27a;
    --c-pendiente-fondo: #3a2a0a;
    --c-marcador: #233343;
    --c-marcador-texto: #d4dae3;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-fondo: #0d151f;
  --c-superficie: #15212d;
  --c-superficie-2: #1d2a38;
  --c-texto: #eaedf0;
  --c-texto-suave: #b9c2ca;
  --c-marino: #01172e;
  --c-logo: #eaedf0;
  --c-tecno: #8ac3ff;
  --c-tecno-hover: #b8dbff;
  --c-metal: #707d89;
  --c-borde: #8996a4;
  --c-acento: #70acff;
  --c-foco: #99c4ff;
  --c-sobre-marino: #ffffff;
  --c-sobre-marino-suave: #c9d3de;
  --c-acento-sobre-marino: #a8cdff;
  --c-sobre-tecno: #01172e;
  --c-error: #ffb4ab;
  --c-error-fondo: #3a1714;
  --c-ok: #8fd4a6;
  --c-ok-fondo: #12301e;
  --c-pendiente: #ffd27a;
  --c-pendiente-fondo: #3a2a0a;
  --c-marcador: #233343;
  --c-marcador-texto: #d4dae3;
}