/* Portfolio design tokens — adjust values here to update both the site and guide. */
:root{
  --bg:#1A1A2E;
  --paper:#20203A;
  --soft:#272747;
  --ink:#F4F4FA;
  --muted:#B9B9CF;
  --line:#4A4A67;
  --accent:#2547C4;
  --accent-text:var(--ink);
  --accent-soft:var(--paper);
  --on-accent:#FFFFFF;
  --dark:#151525;
  --hero-bg:#141426;
  --hero-on:#FFFFFF;
  --hero-highlight:var(--accent);
  --hero-eyebrow:var(--ink);
  --hero-copy:#C2CBDB;
  --hero-action:var(--accent-text);
  --font:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1600px;
  --wide-gutter:clamp(28px,3.8vw,80px);
  --g:var(--wide-gutter);
  --nav:72px;
  --r:16px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;
}