/* ============================================================
   01 — TOKENS
   Palette: AURORA  (restored)

   Spectrum runs cyan -> blue -> violet on void black. It is
   deliberately a cool ramp: the brand must never sit in the same
   hue family as profit or loss, or a green number and a brand
   accent start arguing on a screen where that ambiguity costs
   money.

   Outcomes therefore live well outside the ramp - mint for up,
   coral-red for down - and colour is never the only signal
   anywhere: a status is a dot plus a word, a direction is BUY/SELL
   text plus a colour.

   Geometry and type below are from the Vertex pass and were kept:
   Outfit + DM Mono, tighter radii. Only the colours reverted.
   ============================================================ */

:root{
  /* surfaces */
  --void:#04060D;
  --deep:#080C17;
  --lift:#0D1322;
  --glass:rgba(255,255,255,.045);
  --glass-2:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.05);

  /* text */
  --text:#EAF0FF;
  --dim:#8D9BBD;
  --faint:#5D6A8A;

  /* spectrum */
  --cyan:#22E0FF;
  --blue:#2E6BFF;
  --violet:#9B6BFF;
  /*  aliases, so anything written against the Vertex names still resolves */
  --magenta:#2E6BFF;
  --sky:#22E0FF;
  --spectrum:linear-gradient(115deg,#22E0FF 0%,#2E6BFF 46%,#9B6BFF 100%);
  --spectrum-soft:linear-gradient(115deg,rgba(34,224,255,.16),rgba(46,107,255,.14) 46%,rgba(155,107,255,.16));

  /* outcomes - outside the ramp on purpose */
  --mint:#2BE3A0;
  --rose:#FF5A6E;
  --gold:#FFC93C;

  /* type */
  --display:"Outfit",system-ui,sans-serif;
  --ui:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:"DM Mono","SFMono-Regular",ui-monospace,Menlo,monospace;

  /* geometry */
  --r-sm:4px;
  --r:8px;
  --r-lg:14px;
  --side:236px;
  --row:36px;
  --pad:18px;
  --gap:22px;
  --maxw:1260px;

  /* elevation is light, not shadow */
  --glow-blue:0 0 0 1px rgba(46,107,255,.35),0 18px 60px -22px rgba(46,107,255,.55);
  --glow-soft:0 24px 70px -34px rgba(0,0,0,.9);
  --ring:0 0 0 3px rgba(46,107,255,.28);
}

html[data-theme="day"]{
  --void:#F4F6FC;
  --deep:#FFFFFF;
  --lift:#FFFFFF;
  --glass:rgba(255,255,255,.75);
  --glass-2:rgba(255,255,255,.9);
  --line:rgba(12,20,44,.12);
  --line-2:rgba(12,20,44,.06);
  --text:#0A1024;
  --dim:#4E5A78;
  --faint:#7C88A6;
  --cyan:#0092C4;
  --blue:#2352E0;
  --violet:#7040E8;
  --magenta:#2352E0;
  --sky:#0092C4;
  --spectrum:linear-gradient(115deg,#0092C4 0%,#2352E0 46%,#7040E8 100%);
  --spectrum-soft:linear-gradient(115deg,rgba(0,146,196,.14),rgba(35,82,224,.12) 46%,rgba(112,64,232,.14));
  --mint:#0E9A6B;
  --rose:#DB2A40;
  --gold:#B5750B;
  --glow-blue:0 0 0 1px rgba(35,82,224,.25),0 18px 50px -24px rgba(35,82,224,.4);
  --glow-soft:0 20px 50px -30px rgba(12,20,44,.35);
}