/* ============================================================
   U3 // OPERATING SYSTEM — Design Tokens v2
   Neo-innovation venture studio. Obsidian ground, division spectrum.
   Space Grotesk (display/UI) + JetBrains Mono (labels/metadata).
   ============================================================ */
:root{
  /* ---------- Neutrals (obsidian system) ---------- */
  --bg-0:#07070A;   /* deepest void — page base */
  --bg-1:#0C0D12;   /* primary surface */
  --bg-2:#121319;   /* raised card */
  --bg-3:#181A22;   /* card hover / inset */
  --bg-4:#20222B;   /* active */
  --line:#23252E;   /* hairline border */
  --line-2:#30323D; /* stronger border */
  --line-glow:rgba(255,255,255,.06);

  --fg-0:#F4F5F7;   /* primary text */
  --fg-1:#A4A8B4;   /* secondary text */
  --fg-2:#6A6E7B;   /* tertiary / mono meta */
  --fg-3:#43464F;   /* faint / disabled */

  /* ---------- Division spectrum ---------- */
  --labs:#3DA9FC;        --labs-dim:rgba(61,169,252,.14);
  --play:#A87BFF;        --play-dim:rgba(168,123,255,.14);
  --sports:#3FD17C;      --sports-dim:rgba(63,209,124,.14);
  --public:#F7A23B;      --public-dim:rgba(247,162,59,.14);
  --commerce:#FF6E6E;    --commerce-dim:rgba(255,110,110,.14);
  --global:#E6BE45;      --global-dim:rgba(230,190,69,.14);
  --ventures:#2FD4C6;    --ventures-dim:rgba(47,212,198,.14);

  /* ---------- House / signal ---------- */
  --signal:#FFFFFF;          /* primary CTA fill */
  --signal-ink:#0A0B0F;      /* text on white */
  --chrome-1:#E8EAEE;        /* metallic light */
  --chrome-2:#9AA0AC;        /* metallic mid */
  --chrome-3:#5A5F6B;        /* metallic dark */

  /* ---------- Functional ---------- */
  --live:#3FD17C;
  --dev:#F7A23B;
  --concept:#6A6E7B;

  /* ---------- Type ---------- */
  --font-display:'Space Grotesk', system-ui, sans-serif;
  --font-ui:'Space Grotesk', system-ui, sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, monospace;

  /* ---------- Radius ---------- */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* ---------- Spacing (8pt) ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  /* ---------- Elevation ---------- */
  --shadow-card:0 1px 0 rgba(255,255,255,.03) inset, 0 8px 30px -12px rgba(0,0,0,.7);
  --shadow-pop:0 20px 60px -20px rgba(0,0,0,.85);

  /* ---------- Motion ---------- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.18s; --t:.3s; --t-slow:.6s;

  --container:1280px;
  --gutter:clamp(20px,5vw,72px);
}

/* division helper classes (tint via currenthue) */
.hue-labs{--hue:var(--labs);--hue-dim:var(--labs-dim);}
.hue-play{--hue:var(--play);--hue-dim:var(--play-dim);}
.hue-sports{--hue:var(--sports);--hue-dim:var(--sports-dim);}
.hue-public{--hue:var(--public);--hue-dim:var(--public-dim);}
.hue-commerce{--hue:var(--commerce);--hue-dim:var(--commerce-dim);}
.hue-global{--hue:var(--global);--hue-dim:var(--global-dim);}
.hue-ventures{--hue:var(--ventures);--hue-dim:var(--ventures-dim);}