/* ==========================================================================
   Virtual Decoder — 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:#ffffff;
  --void:#f7fbfd;
  --panel:#f0f7fb;
  --panel-2:#e6f1f7;
  --line:#d3e5ee;
  --grass:#0077b6;
  --grass-deep:#0096c7;
  --grass-glow:rgba(0,119,182,.35);
  --tx:#0d2b3a;
  --tx-mid:#46687a;
  --tx-low:#7793a3;
  --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:#ffffff;}
::-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;}