/* ---------- design tokens ---------- */
:root{
  --f-display:'Barlow Condensed',system-ui,sans-serif;
  --f-body:'Barlow',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r-sm:8px; --r:14px; --r-lg:20px; --r-full:999px;

  --ease:cubic-bezier(.32,.72,.28,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.22s;

  --sidebar-w:216px;
  --maxw:1080px;
}

:root[data-theme="dark"]{
  --bg:#080B11;
  --bg-grad:radial-gradient(1200px 600px at 15% -10%, #16233A 0%, transparent 60%),
            radial-gradient(900px 500px at 110% 10%, #1E1832 0%, transparent 55%);
  --surface:#0F141E;
  --surface-2:#151B27;
  --surface-3:#1C2432;
  --glass:rgba(15,20,30,.72);
  --line:#212A39;
  --line-soft:#171F2B;

  --text:#EDF1F7;
  --dim:#94A1B5;
  --faint:#5F6C80;

  --accent:#FFB627;
  --accent-ink:#0B0F16;
  --accent-glow:rgba(255,182,39,.16);
  --violet:#A996FF;
  --violet-glow:rgba(169,150,255,.14);
  --teal:#3FD6A8;
  --teal-glow:rgba(63,214,168,.14);
  --coral:#FF6B4F;
  --coral-glow:rgba(255,107,79,.14);

  --sh-sm:0 1px 2px rgba(0,0,0,.4);
  --sh:0 4px 16px rgba(0,0,0,.32), 0 1px 3px rgba(0,0,0,.4);
  --sh-lg:0 16px 48px rgba(0,0,0,.44), 0 4px 12px rgba(0,0,0,.3);
}

:root[data-theme="light"]{
  --bg:#F4F1EA;
  --bg-grad:radial-gradient(1200px 600px at 15% -10%, #FFF6E2 0%, transparent 60%),
            radial-gradient(900px 500px at 110% 10%, #EFEAFB 0%, transparent 55%);
  --surface:#FFFDF8;
  --surface-2:#F8F5ED;
  --surface-3:#EFEBE0;
  --glass:rgba(255,253,248,.78);
  --line:#E0D9C8;
  --line-soft:#EDE7DA;

  --text:#141A24;
  --dim:#5D6675;
  --faint:#8D97A6;

  --accent:#B8730A;
  --accent-ink:#FFFDF8;
  --accent-glow:rgba(184,115,10,.12);
  --violet:#6349C9;
  --violet-glow:rgba(99,73,201,.10);
  --teal:#0E7A5F;
  --teal-glow:rgba(14,122,95,.10);
  --coral:#C8412A;
  --coral-glow:rgba(200,65,42,.10);

  --sh-sm:0 1px 2px rgba(20,26,36,.06);
  --sh:0 2px 10px rgba(20,26,36,.07), 0 1px 2px rgba(20,26,36,.05);
  --sh-lg:0 12px 40px rgba(20,26,36,.12), 0 3px 10px rgba(20,26,36,.06);
}