/* ============================================================
   CAPA 1 — TOKENS / TEMA
   ============================================================ */
:root{
  --bg:#050b14;          /* navy profundo (marca Gleonix) */
  --bg-soft:#0a1628;
  --panel:#0e1c30;
  --panel-2:#122236;
  --line:#1e3046;
  --line-soft:#16263a;
  --txt:#f1f6fb;
  --txt-dim:#cbd6e8;
  --txt-faint:#9dabc4;
  --accent:#00d4ff;      /* cyan eléctrico (marca) */
  --accent-2:#2b7fff;    /* azul (gradiente orb) */
  --accent-3:#ff801e;    /* naranja (marca) */
  --ok:#2ed573;
  --warn:#f59e0b;
  --danger:#f87171;
  --info:#38bdf8;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 18px 50px -20px rgba(0,0,0,.75);
  --mono:'Space Mono',monospace;
  --display:'Exo 2',sans-serif;
  --sans:'Exo 2',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:
    radial-gradient(900px 500px at 90% -10%, rgba(0,212,255,.14), transparent 60%),
    radial-gradient(700px 460px at -5% 110%, rgba(43,127,255,.10), transparent 55%),
    var(--bg);
  color:var(--txt);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
::-webkit-scrollbar-track{background:transparent}