/* ============================================================
   Espíritu Lunático · sistema de diseño
   ÚNICA FUENTE de color, tipografía, escala, radios y sombras.
   ------------------------------------------------------------
   Procedencia (2026-10-24, issue P2):
   - La base de color es el :root que ya existía en
     `entregables/mapa-embudo/mapa-embudo.html` (--night, --night2,
     --ivory, --gold, --gold-soft, --lilac, --muted, --serif).
   - Los nombres pasan de «decorativos» (--night) a «semánticos»
     (--color-fondo): describen la función, no el aspecto.
   - Los valores oscuros de oro, lila y gris son los mismos de la
     paleta original, ajustados solo lo necesario para que todo texto
     normal supere el contraste AA (4.5:1) sobre marfil.
   Ninguna pieza debe volver a escribir un color literal: se importa
   este archivo con `@import url("…/marca/tokens.css")` y se usan las
   variables. Los SVG del logotipo y las plantillas de Instagram del
   mismo sistema son la única excepción documentada en marca/README.md.
   ============================================================ */

:root {
  /* --- Color · fondos ------------------------------------- */
  --color-fondo: #0d1024;          /* noche: portadas y bloques oscuros */
  --color-fondo-alt: #171b36;      /* noche elevada: paneles sobre noche */
  --color-marfil: #f8f3e9;         /* fondo base de documento */
  --color-papel: #fffdf7;          /* tarjetas y cajas sobre marfil */

  /* --- Color · texto -------------------------------------- */
  --color-tinta: #1b1c28;          /* texto principal sobre marfil (15,3:1) */
  --color-tinta-media: #4a4a58;    /* texto secundario sobre marfil (7,9:1) */
  --color-tinta-suave: #3a3b48;    /* entradillas y párrafos largos */
  --color-apagado: #6f6d7a;        /* notas, horas y metadatos (4,6:1) */

  /* --- Color · oro ---------------------------------------- */
  --color-oro: #c8a44a;            /* acento principal; sobre noche (7,9:1) */
  --color-oro-suave: #e8d29a;      /* acento sobre noche, texto fino */
  --color-oro-hondo: #8c6f2c;      /* sombra del disco lunar */
  --color-oro-tinta: #7a5f22;      /* oro legible sobre marfil (5,4:1) */
  --color-oro-borde: #a8853a;      /* filetes y cajas: decoración, no texto */

  /* --- Color · lila --------------------------------------- */
  --color-lila: #b9a8d6;           /* acento sobre noche (8,6:1) */
  --color-lila-hondo: #6a5890;     /* lila legible sobre marfil (5,6:1) */

  /* --- Color · líneas (tinta con alfa) -------------------- */
  --color-linea: rgba(27, 28, 40, 0.16);
  --color-linea-fuerte: rgba(27, 28, 40, 0.3);
  --color-linea-tenue: rgba(27, 28, 40, 0.09);
  --color-linea-noche: rgba(248, 243, 233, 0.2);

  /* --- Color · degradado del disco ------------------------ */
  /* El único degradado de la marca: portada del calendario, mapa y piezas. */
  --degradado-disco: radial-gradient(
    circle at 34% 32%,
    var(--color-marfil),
    var(--color-oro) 62%,
    var(--color-oro-hondo)
  );

  /* --- Tipografía ----------------------------------------- */
  --serif: "Palatino Linotype", Palatino, Georgia, serif;
  --sans: "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: Consolas, "Courier New", monospace;

  --peso-normal: 400;
  --peso-medio: 500;
  --peso-fuerte: 600;

  /* Escala tipográfica (pt para impresión A4) */
  --texto-xs: 7.5pt;
  --texto-s: 8.5pt;
  --texto-m: 10pt;
  --texto-l: 12pt;
  --texto-xl: 17pt;
  --texto-2xl: 26pt;
  --texto-3xl: 46pt;

  /* Interletrado de marca */
  --tracking-marca: 0.34em;        /* «ESPÍRITU LUNÁTICO» en versalitas */
  --tracking-etiqueta: 0.28em;     /* etiquetas y numeración */
  --tracking-nota: 0.08em;         /* pies y metadatos */

  /* --- Espaciado (métrico, para A4) ----------------------- */
  --espacio-1: 1.5mm;
  --espacio-2: 3mm;
  --espacio-3: 5mm;
  --espacio-4: 7mm;
  --espacio-5: 9mm;
  --espacio-6: 12mm;
  --espacio-7: 16mm;
  --espacio-8: 24mm;

  /* --- Radios --------------------------------------------- */
  --radio-s: 1mm;
  --radio-m: 3mm;
  --radio-l: 6mm;
  --radio-redondo: 50%;

  /* --- Sombras -------------------------------------------- */
  --sombra-s: 0 1px 2px rgba(13, 16, 36, 0.12);
  --sombra-m: 0 4px 14px rgba(13, 16, 36, 0.18);

  /* --- Medidas de página ---------------------------------- */
  --ancho-a4: 210mm;
  --alto-a4: 297mm;
  --margen-a4: 16mm;
}