/* ═══════════════════════════════════════════════════════════════════
   BLIXEL.AI · TEMA v2 · 01 · TOKENS
   Origen: work/v2/v2.css (octubre 2026). Tres colores (papel, tinta,
   azul de marca), una familia (Inter), sin modo oscuro.
   Los nombres --bg, --tx, --tx-hi, --border… son los mismos que usaba
   el tema anterior: las páginas aún no convertidas heredan los valores.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#ffffff;
  --bg2:#e5e7eb;             /* gris de bloques: más oscuro que el #f3f4f6 de la maqueta (Ernesto, 27/10) */
  --bg3:#dadde3;
  --bg-dark:#0a0a0f;
  --bg-dark2:#15161d;
  --tx:#2b2f3a;
  --tx-hi:#0a0a0f;
  --tx-dim:#4a505e;          /* 6,5:1 sobre --bg2 */
  --tx-inv:#d6d9e0;
  --tx-inv-dim:#9aa0ad;
  --border:#c9cdd5;
  --border-hi:#9aa1ae;
  --border-dark:#2a2c36;
  --blue:#3F6CFF;
  --blue-btn:#3a66f7;        /* blanco encima: 4,75:1 (con #3F6CFF sería 4,37) */
  --blue-dark:#2b53d9;
  --blue-text:#2b53d9;       /* 4,6:1 sobre blanco: para texto pequeño */
  --blue-inv:#8aa6ff;        /* sobre fondo oscuro */
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1180px;
  --gutter:clamp(20px,3.4vw,40px);
  --radius:4px;
  --radius-sm:3px;
  --section-y:112px;
  --section-y-m:72px;
  --header-h:76px;
}