/* ==========================================================================
   Virtual Hub — shared theme tokens
   The landing page's palette, applied site-wide. Pages keep their own layout
   CSS; this file only owns colour, type and the small shared primitives, so a
   palette change lands everywhere at once.
   ========================================================================== */
:root{
  /* --- landing-page palette --- */
  --vanta:#020302;
  --void:#050705;
  --panel:#0a0d0a;
  --panel-2:#101510;
  --line:#1a241b;
  --grass:#39d353;
  --grass-deep:#1f7a33;
  --grass-glow:rgba(57,211,83,.35);
  --tx:#eef5ef;
  --tx-mid:#93a996;
  --tx-low:#54695a;
  --alert:#ff4d5e;
  --font-d:'Space Grotesk', sans-serif;
  --font-m:'JetBrains Mono', monospace;

  /* --- legacy names the existing pages already use, remapped onto the
         palette above so their markup keeps working untouched --- */
  --bg:var(--vanta);
  --card:var(--panel);
  --card2:var(--panel-2);
  --fg:var(--tx);
  --sub:var(--tx-mid);
  --muted:var(--tx-low);
  --faint:var(--line);
  --green:var(--grass);
  --cyan:var(--grass);
  --purple:var(--grass-deep);
  --amber:#d9a441;

  /* admin / partner dashboards */
  --bone:var(--tx);
  --ash:var(--tx-mid);
  --ash-dim:var(--tx-low);
  --crimson:var(--grass);
  --sulfur:#d9a441;
  --ember:#ff8a3d;

  --display:'Space Grotesk',sans-serif;
  --body:'Space Grotesk',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --ui:'JetBrains Mono',monospace;
}
::selection{background:var(--grass); color:#031007;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--vanta);}
::-webkit-scrollbar-thumb{background:var(--grass-deep);}
a:focus-visible, button:focus-visible{outline:2px solid var(--grass); outline-offset:3px;}
