/* XCLUIDOS: tokens de diseño (tema).
   Jerarquía de color:
     NEGRO   #080808: fondo predominante.
     ROJO    #F00016: acento principal (botones, indicadores de actualidad, líneas, navegación activa).
     BLANCO  #FFFFFF: navegación, tipografía y textos.
     AMARILLO #FFD400: solo detalles mínimos (firma del encabezado y del pie). Nunca fondos de sección.
   --c-red-strong (#D90014) es la variante accesible del rojo para fondos con texto blanco pequeño:
   blanco sobre #F00016 da 4,45:1 (por debajo de AA, 4,5:1); sobre #D90014 da 5,3:1. */

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin-var.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-var.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Color */
  --c-ink: #080808;
  --c-ink-2: #0e0e0e;
  --c-ink-3: #151515;
  --c-ink-4: #222222;
  --c-white: #ffffff;
  --c-red: #f00016;
  --c-red-strong: #d90014;
  --c-red-glow: rgba(240, 0, 22, .16);
  --c-yellow: #ffd400;
  --c-text: #ffffff;
  --c-text-2: #bdbdbd;   /* 11,6:1 sobre #080808 */
  --c-text-3: #8c8c8c;   /*  5,9:1 sobre #080808 */
  --c-line: rgba(255, 255, 255, .12);
  --c-line-strong: rgba(255, 255, 255, .22);

  /* Tipografía */
  --f-display: 'Archivo', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --fs-sec: clamp(1.375rem, 1.05rem + 1.3vw, 2rem);
  --fs-sm: .875rem;
  --fs-xs: .75rem;

  /* Estructura */
  --gutter: clamp(16px, 3vw, 32px);
  --container: 1320px;
  --gap: clamp(8px, 1vw, 14px);
  --section-y: clamp(28px, 4vw, 56px);
  --header-h: 64px;
  --radius: 6px;

  /* Movimiento */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 200ms;
  --dur-slow: 450ms;

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; --dur-slow: 0ms; }
}