/* ============================================================================
   tokens.css  —  DESIGN TOKENS BASE (variables del sistema de diseño)
   Cada variante (variante-*.css) redefine SOLO las variables que cambian
   (acento, hero, fondos), reutilizando todo lo demás.
   ============================================================================ */
:root {
  /* --- Colores institucionales (identidad Fresnillo) --- */
  --azul-marino: #131c46;
  --azul-secundario: #183889;
  --azul-claro: #2a3a8a;
  --azul-tinte: #e8ecf7;

  /* --- Acento / CTAs (lo redefine cada variante) --- */
  --acento: #c8102e;            /* default: rojo (Variante A) */
  --acento-hover: #a00d25;
  --acento-texto: #ffffff;

  /* --- Colores de categoría de eventos (los usa el JS, NO cambiar) --- */
  --cat-convocatoria: #8e44ad;
  --cat-aviso: #e67e22;
  --cat-evento: #2980b9;

  /* --- Superficies y texto --- */
  --bg: #ffffff;
  --bg-alt: #f4f6fb;
  --bg-oscuro: var(--azul-marino);
  --texto: #1a1d2e;
  --texto-suave: #5b6072;
  --texto-inverso: #ffffff;
  --borde: #e3e7f1;

  /* --- Tipografía --- */
  --font-titulo: 'Roboto Slab', Georgia, 'Times New Roman', serif;
  --font-texto: 'Raleway', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --fs-base: 16px;
  --lh-base: 1.6;

  /* --- Escala de espaciado (4px) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* --- Radios --- */
  --radio: 10px;
  --radio-sm: 6px;
  --radio-lg: 18px;
  --radio-full: 999px;

  /* --- Sombras --- */
  --sombra: 0 2px 10px rgba(19, 28, 70, 0.08);
  --sombra-md: 0 8px 24px rgba(19, 28, 70, 0.12);
  --sombra-lg: 0 18px 48px rgba(19, 28, 70, 0.18);

  /* --- Anchos máximos --- */
  --ancho-max: 1200px;
  --ancho-wide: 1700px;

  /* --- Header --- */
  --header-h: 76px;

  /* --- Hero (lo redefine cada variante) --- */
  --hero-min-h: 460px;

  /* --- z-index --- */
  --z-header: 100;
  --z-mega: 1000;
  --z-a11y: 1100;

  /* --- Transición --- */
  --t: 0.22s ease;
}