/* Tokens de MYTH (fase 3, 2026-10-02). Salen del Brand OS de MYTH (`../marca/brand-os/`), nunca de otra
   marca del holding:
   - Paleta aprobada (DEC-004): Onyx #17181D, Graphite #292A31, Copper #B87352, Copper Dark #8C5245,
     Warm White #F6F2EB, Mist #E4DED5.
   - Superficies (D2, resuelve DEC-015 y H3): los fondos medidos del logo, #F8F5EF (claro) y #111318
     (oscuro), para que el logo texturizado no se vea recortado sobre otro fondo.
   - Cobre (H6, contraste WCAG medido): el botón y los enlaces van en Copper Dark (blanco encima 6,16;
     sobre claro 5,52). El cobre claro (#B87352) es señal: el timbre «Mito.», líneas y texto sobre
     oscuro (4,74). Nunca texto blanco sobre cobre claro (3,74) ni cobre claro sobre claro (3,35).
   La tipografía definitiva sale de la galería de la fase 5 (D3); mientras, la del sistema. */
:root{
  /* Superficies */
  --fondo:#F8F5EF;
  --fondo-alto:#FFFFFF;
  --fondo-suave:#E4DED5;   /* Mist */
  --oscuro:#111318;
  --oscuro-alto:#17181D;   /* Onyx */

  /* Texto */
  --texto:#17181D;         /* Onyx: 15,9 sobre claro */
  --texto-2:#292A31;       /* Graphite: 12,8 */
  --texto-claro:#F6F2EB;   /* sobre oscuro */

  /* Cobre */
  --acento:#8C5245;        /* Copper Dark: botones y enlaces sobre claro */
  --sobre-acento:#FFFFFF;
  --senal:#B87352;         /* Copper: timbre «Mito.», líneas, texto sobre oscuro */

  --linea:rgba(23,24,29,.14);
  --foco:#8C5245;

  /* Tipografía: candidatas hasta D3 (galería). Gloock para titulares (romana de alto contraste, como
     las letras del logo), Hanken Grotesk para el cuerpo y DM Mono para el timbre «Mito.». */
  --fuente:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fuente-titulo:"Gloock",Georgia,"Times New Roman",serif;
  --fuente-mono:"DM Mono",ui-monospace,Consolas,monospace;
  --t-display:clamp(44px,7vw,120px);
  --t-h2:clamp(30px,3.6vw,56px);
  --t-bajada:clamp(17px,1.4vw,22px);
  --t-cuerpo:17px;
  --t-chico:14px;

  /* Espacio y forma (G1 del Brand OS: grilla de 4 px; radios 4, 8, 16) */
  --pad:clamp(16px,6vw,120px);
  --seccion:clamp(72px,11vh,132px);
  --radio:4px;

  /* Movimiento (Brand OS §6.7: 200–500 ms, curva suave) */
  --ease:cubic-bezier(.22,.75,.18,1);
  --duracion:.4s;
}