/* LINKS FUSIONS — Design Tokens OFICIALES
   ─────────────────────────────────────────────
   Brand aprobado por el CEO 2026-07-04 (Branding/BRAND_BOARD.html).
   Ícono: nodos conectados (∞) · Acento: Ice Steel · Estética Linear/Vercel/Nothing.
   Un tema = un bloque de tokens. Los componentes solo consumen variables. */

:root {
  /* Superficie — Negro tinta + Superficie card */
  --il-bg: #0B0E14;
  --il-bg-elevated: #12161F;
  --il-line: #1B2230;
  --il-glass: rgba(238, 242, 248, 0.05);
  --il-glass-border: rgba(238, 242, 248, 0.09);
  --il-blur: 18px;

  /* Texto — Blanco suave */
  --il-text: #EEF2F8;
  --il-text-dim: #7C8598;
  --il-text-faint: #6B7488; /* 4.6:1 sobre #0B0E14 — antes #4A5264 daba 2.47:1 y fallaba AA (audit 2026-07-25) */

  /* Acento — Ice Steel (glow/hover = Ice claro) */
  --il-accent: #6F8AB0;
  --il-accent-bright: #A9BBD6;
  --il-accent-glow: rgba(111, 138, 176, 0.35);
  --il-accent-glow-bright: rgba(169, 187, 214, 0.45);

  /* Estados */
  --il-ok: #6FCF97;
  --il-warn: #F2C94C;
  --il-error: #EB5757;

  /* Geometría */
  --il-radius: 16px;
  --il-radius-pill: 999px;

  /* Movimiento */
  --il-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --il-t-fast: 160ms;
  --il-t-base: 280ms;
  --il-t-slow: 520ms;

  /* Tipografía — sans geométrica, pesos 400/500, tracking apretado.
     Inter se sirve self-host en panel+landing (FASE 2, 2026-07-27). */
  --il-font: "Inter", "Geist", -apple-system, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  --il-tracking-tight: -0.02em;
  --il-tracking-wide: 0.28em;

  /* Escala tipográfica (FASE 3, 2026-07-27) — derivada de los valores reales en uso.
     Regla: tamaños NUEVOS solo de esta escala; los off-scale existentes se normalizan en F4. */
  --il-fs-2xs: 10.5px;  /* micro-etiquetas, eyebrows */
  --il-fs-xs: 11.5px;   /* chips, badges */
  --il-fs-sm: 12.5px;   /* ayudas, subtítulos */
  --il-fs-base: 14px;   /* cuerpo */
  --il-fs-md: 15.5px;   /* inputs, botones principales */
  --il-fs-lg: 18px;     /* h3 / títulos de sección */
  --il-fs-xl: 22px;     /* h2 / títulos de vista */
  --il-fs-2xl: 28px;    /* números grandes, stats */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --il-t-fast: 0ms;
    --il-t-base: 0ms;
    --il-t-slow: 0ms;
  }
}