/* ============================================================
   VARIABLES — "Cosmos Cognitivo": tema oscuro, profundo, con
   vidrio esmerilado oscuro y acentos estelares. El fondo ya no
   es un color plano — es un universo (ver js/cosmos-bg.js) —
   así que estos tokens están pensados para leerse sobre negro.
   ============================================================ */
:root{
  /* Superficies (vidrio oscuro sobre el universo) */
  --bg:#020207;
  --bg-deep:#000002;
  --panel:rgba(18,20,38,.55);       /* vidrio oscuro */
  --panel-solid:#0c0e1e;
  --panel-solid-2:#10132a;
  --line:rgba(215,225,255,.10);
  --line-strong:rgba(215,225,255,.20);
  --glass-edge:rgba(255,255,255,.10); /* borde iluminado sutil de las tarjetas */

  /* Tinta */
  --ink:#eef1fb;
  --ink-soft:#aab2cf;
  --ink-faint:#727a9e;

  /* Paleta cósmica — intensificada, "espacio potente" */
  --blue:#2f5dff;
  --indigo:#6a4dff;
  --violet:#9139ff;
  --cyan:#1ee6ff;
  --pink:#ff2f96;
  --magenta:#e026f0;
  --gold:#ffb020;
  --mint:#16d9a3;
  --starwhite:#f6f9ff;

  /* Tokens semánticos del Universo Cognitivo — cada elemento astronómico
     tiene un significado dentro del Método ACD-IA® (ver #universo) */
  --c-bigbang:var(--gold);         /* nacimiento del conocimiento */
  --c-nebula:var(--violet);        /* información no estructurada */
  --c-constellation:var(--cyan);     /* patrones identificados */
  --c-galaxy:var(--magenta);       /* dominios organizacionales */
  --c-orbit:var(--blue);         /* procesos de negocio */
  --c-gravity:var(--indigo);       /* relaciones causales */
  --c-risk:#ff3b4e;            /* agujeros negros — riesgos y puntos ciegos */
  --c-supernova:#ff6a2c;         /* innovación disruptiva */
  --c-darkmatter:#5a3ad1;         /* conocimiento tácito no observado */
  --c-light:var(--starwhite);       /* evidencia validada */

  --grad-brand:linear-gradient(115deg, var(--blue) 0%, var(--violet) 45%, var(--pink) 85%);
  --grad-warm:linear-gradient(115deg, var(--gold), var(--pink));
  --grad-metal:linear-gradient(135deg, #1a1e38 0%, #0c0e1e 40%, #22264a 60%, #0c0e1e 100%);
  --grad-metal-text:linear-gradient(135deg, #cdd4ee 0%, #ffffff 35%, #9aa4d6 60%, #ffffff 100%);
  --grad-mesh:radial-gradient(circle at 18% 15%, rgba(47,93,255,.24), transparent 45%),
              radial-gradient(circle at 82% 20%, rgba(224,38,240,.17), transparent 45%),
              radial-gradient(circle at 50% 95%, rgba(22,217,163,.14), transparent 50%);

  /* Tipografía */
  --font-display:'Space Grotesk', system-ui, sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;

  /* Layout */
  --maxw:1180px;
  --radius:18px;
  --shadow-soft:0 10px 40px -12px rgba(0,0,4,.55);
  --shadow-lift:0 20px 60px -14px rgba(59,107,255,.35);
}