/* 02 — SHARED DESIGN TOKENS (soulgci.ai-derived). Light-first; dark is an override. */
:root{
  --bg:#ffffff;
  --bg-soft:#f6f6f4;
  --surface:#ffffff;
  --line:#e7e7e4;
  --line-strong:#d8d8d4;
  --text:#000000;
  --muted:#3d3d42;
  --faint:#82828a;
  --pill-bg:#000000;
  --pill-fg:#ffffff;
  --chip-bg:#f1f1ee;
  --accent:#1f4fd8;
  --ok:#157f3d;  --ok-bg:#e9f5ee;
  --warn:#9a6a00; --warn-bg:#faf3e2;
  --crit:#b32f2f; --crit-bg:#fbecec;
  --info:#6b46c1; --info-bg:#f1ecfb;
  --ring:rgba(14,14,13,.08);
  --shadow:0 18px 50px rgba(20,20,20,.08);

  --font-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;

  --fs-hero:clamp(30px,6.2vw,72px);
  --fs-h2:clamp(28px,4.4vw,44px);
  --fs-h3:clamp(20px,2.4vw,26px);
  --fs-lede:clamp(17px,2.2vw,20px);
  --fs-body:clamp(15px,1.15vw,17px);
  --fs-small:14px;
  --fs-mono-label:12.5px;
  --lh-tight:1.05; --lh-head:1.12; --lh-body:1.6;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --space-24:96px; --space-32:128px;
  --container:1060px;
  --container-wide:1200px;
  --measure:760px;
  --gutter:clamp(16px,4vw,32px);

  --radius-sm:8px; --radius:12px; --radius-lg:18px; --radius-pill:999px;
  --border:1px solid var(--line);
  --border-strong:1px solid var(--line-strong);
}

:root[data-theme="dark"]{
  --bg:#000000; --bg-soft:#0c0c0c; --surface:#101010;
  --line:#232323; --line-strong:#323232;
  --text:#ffffff; --muted:#b9b9b5; --faint:#7d7d79;
  --pill-bg:#ffffff; --pill-fg:#000000;
  --chip-bg:#1e1e1c;
  --accent:#7c9eff;
  --ok:#5fbf85; --ok-bg:#11271a;
  --warn:#d9a93f; --warn-bg:#2a2210;
  --crit:#e07a7a; --crit-bg:#2c1414;
  --info:#b39df0; --info-bg:#221a33;
  --ring:rgba(255,255,255,.10);
  --shadow:0 18px 50px rgba(0,0,0,.5);
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#000000; --bg-soft:#0c0c0c; --surface:#101010;
    --line:#232323; --line-strong:#323232;
    --text:#ffffff; --muted:#b9b9b5; --faint:#7d7d79;
    --pill-bg:#ffffff; --pill-fg:#000000;
    --chip-bg:#1e1e1c;
    --accent:#7c9eff;
    --ok:#5fbf85; --ok-bg:#11271a;
    --warn:#d9a93f; --warn-bg:#2a2210;
    --crit:#e07a7a; --crit-bg:#2c1414;
    --info:#b39df0; --info-bg:#221a33;
    --ring:rgba(255,255,255,.10);
    --shadow:0 18px 50px rgba(0,0,0,.5);
  }
}