/* ============================================================
   Heraldo de Imantum · tokens del rediseño (19 oct 2026)
   Mantiene los NOMBRES de variables que ya usa el Heraldo y
   cambia solo sus valores, para que los componentes existentes
   hereden la nueva paleta sin reescribirse.
   Las variables nuevas van marcadas con «nuevo».
   ============================================================ */

:root {
  /* Superficies */
  --fondo: #0b0a09;            /* antes #0b0b0d · negro cálido */
  --superficie: #141210;       /* antes #151518 */
  --superficie-2: #1a1611;     /* nuevo · tarjetas sobre piedra */
  --piedra-velo: rgba(11, 10, 9, .82); /* nuevo · velo sobre textura piedra */

  /* Bordes */
  --borde: #2e261c;            /* antes #2c2c33 · separadores de sección */
  --borde-calido: #3a2f22;     /* nuevo · inputs, botones fantasma, filtros */
  --borde-bronce: #665039;     /* igual · marcos de imagen y tarjetas */

  /* Texto */
  --texto: #e8e2d6;            /* antes #dcdce1 · pergamino */
  --texto-medio: #cfc7b8;      /* nuevo · párrafos secundarios */
  --texto-suave: #a39b8c;      /* antes #9a9aa4 · etiquetas, notas */
  --plata: #c7cad1;            /* igual */

  /* Oro y bronce */
  --dorado: #e0a24a;           /* igual · CTA principal, eyebrows */
  --dorado-claro: #f0c27a;     /* nuevo · hover de enlaces */
  --dorado-hover: #f0b85e;     /* nuevo · hover del botón oro */
  --dorado-oscuro: #b7782a;    /* igual */
  --bronce: #c98a3e;           /* igual */
  --tinta-sobre-oro: #160f07;  /* nuevo · texto dentro del botón oro */

  /* Familias (cintas, filtros, brillo detrás de la carta) */
  --fam-solitarios: #4f74ad;
  --fam-samurais: #2f7a5c;
  --fam-draconicos: #7a4fb0;
  --fam-espartanos: #b08a2e;
  --fam-cruzados: #b23a3a;
  --fam-vikingos: #b8662a;

  /* Tipografía (autoalojada, ver assets/fuentes/fuentes.css) */
  --titulo: 'Cinzel', 'Trajan Pro', Georgia, serif;          /* 600/700/800 */
  --serif: 'EB Garamond', 'Iowan Old Style', Georgia, serif;  /* 400/500/600 + itálica */
  --sans: system-ui, -apple-system, 'Segoe UI', sans-serif;   /* solo UI técnica */

  /* Escala */
  --h1: clamp(44px, 6.2vw, 84px);      /* ficha: clamp(44px, 5.6vw, 76px) */
  --h2: clamp(32px, 3.6vw, 48px);
  --h3: clamp(22px, 2vw, 26px);
  --cuerpo: 18px;
  --eyebrow: 12px;             /* Cinzel 700, letter-spacing .32em, mayúsculas */
  --boton: 13px;               /* Cinzel 700, letter-spacing .16em */

  /* Ritmo */
  --ancho: 1240px;
  --gutter: 32px;              /* 16px bajo 700px */
  --seccion: 104px;            /* 72px bajo 700px */
  --radio: 4px;
  --radio-pill: 999px;
  --toque: 44px;               /* objetivo táctil mínimo */

  /* Sombras */
  --marco: inset 0 0 0 1px rgba(224, 162, 74, .10), 0 0 0 4px var(--fondo), 0 0 0 5px var(--borde);
  --elevar: 0 18px 40px rgba(0, 0, 0, .55), 0 0 0 1px rgba(224, 162, 74, .45);
}

@media (max-width: 700px) {
  :root { --gutter: 16px; --seccion: 72px; --cuerpo: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}