@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

:root {
  --amber-900:#3D2A08; --amber-800:#6B4B12; --amber-600:#8E6820; --amber-400:#C8963E;
  --amber-200:#E8C778; --amber-100:#F4DDA8; --amber-50:#FDF5E3;

  --midnight-950:#0A1628; --midnight-900:#0F2035; --midnight-700:#1A3352;
  --midnight-500:#2A4A6E; --midnight-300:#5A7090; --midnight-100:#D8E2ED; --midnight-50:#EEF2F7;

  --stone-900:#2C2B28; --stone-800:#4A4842; --stone-500:#7A7870;
  --stone-300:#B8B5AC; --stone-100:#E8E6E0; --stone-50:#F5F4F0;

  --core-900:#0A3D32; --core-600:#167058; --core-400:#1B7A62; --core-200:#5CBFA0; --core-100:#A2DBC8; --core-50:#E4F5EE;
  --edge-900:#222A5C; --edge-600:#3C489A; --edge-400:#4856B8; --edge-200:#8088D0; --edge-100:#B8BCE6; --edge-50:#EAEBF8;
  --forge-900:#3E1810; --forge-600:#8A3828; --forge-400:#A84832; --forge-200:#D08070; --forge-100:#EBBCB2; --forge-50:#FAECE7;
  --drive-900:#1A2530; --drive-600:#334452; --drive-400:#3D4F5F; --drive-200:#7A8E9E; --drive-100:#B8C5D0; --drive-50:#E8ECF0;
  --compass-400:#C8963E;

  --p-900: var(--core-900);
  --p-600: var(--core-600);
  --p-400: var(--core-400);
  --p-200: var(--core-200);
  --p-100: var(--core-100);
  --p-50:  var(--core-50);

  --bg: var(--midnight-950);
  --bg-1: #0D1B31;
  --bg-2: #12243F;
  --bg-3: #17294A;
  --line: rgba(216,226,237,0.08);
  --line-strong: rgba(216,226,237,0.16);
  --text: #F5F4F0;
  --text-2: #B8C5D6;
  --text-3: #7B8CA5;
  --accent: var(--amber-400);
  --accent-soft: rgba(200,150,62,0.14);

  --f-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

[data-theme="light"] {
  --bg: var(--stone-50);
  --bg-1: #FFFFFF;
  --bg-2: #FFFFFF;
  --bg-3: #F0EEE8;
  --line: rgba(44,43,40,0.08);
  --line-strong: rgba(44,43,40,0.16);
  --text: var(--stone-900);
  --text-2: var(--stone-800);
  --text-3: var(--stone-500);
  --accent: var(--amber-600);
  --accent-soft: rgba(142,104,32,0.10);
}

[data-product="core"]    { --p-900:var(--core-900);    --p-600:var(--core-600);    --p-400:var(--core-400);    --p-200:var(--core-200);    --p-100:var(--core-100);    --p-50:var(--core-50); }
[data-product="edge"]    { --p-900:var(--edge-900);    --p-600:var(--edge-600);    --p-400:var(--edge-400);    --p-200:var(--edge-200);    --p-100:var(--edge-100);    --p-50:var(--edge-50); }
[data-product="forge"]   { --p-900:var(--forge-900);   --p-600:var(--forge-600);   --p-400:var(--forge-400);   --p-200:var(--forge-200);   --p-100:var(--forge-100);   --p-50:var(--forge-50); }
[data-product="drive"]   { --p-900:var(--drive-900);   --p-600:var(--drive-600);   --p-400:var(--drive-400);   --p-200:var(--drive-200);   --p-100:var(--drive-100);   --p-50:var(--drive-50); }
[data-product="compass"] { --p-900:var(--amber-900);   --p-600:var(--amber-600);   --p-400:var(--amber-400);   --p-200:var(--amber-200);   --p-100:var(--amber-100);   --p-50:var(--amber-50); }

html, body { background: var(--bg); color: var(--text); font-family: var(--f-sans); margin: 0; }
* { box-sizing: border-box; }

.eyebrow {
  font-size: 11px; font-weight: 400; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--amber-400);
}
[data-theme="light"] .eyebrow { color: var(--amber-600); }

.mono {
  font-family: var(--f-mono); letter-spacing: 0.02em;
  font-size: 14px; font-variant-numeric: tabular-nums;
}

::selection { background: var(--accent-soft); color: var(--text); }