/* Smart Runners — canonical design tokens.
   Single source of truth for brand colors, fonts, radius, shadow, transition.
   Values below match index.html's original palette (System A) — the palette
   this whole site converges on. Page-local overrides (e.g. --container-max)
   live in each page's own <style> block, not here. */
:root{
  --bg:#ffffff;
  --surface:#f5f3fb;
  --surface-light:#ece8f9;
  --primary:#3921f4;
  --primary-hover:#2f1ad0;
  --secondary:#8520ee;
  --purple:#a855f7;
  --orange:#f6ad55;
  --text:#160f2c;
  --text-secondary:#3d3654;
  --muted:#5f6472;
  --border:rgba(60,40,150,.14);

  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'Courier New','Courier',monospace;

  --brand-gradient:linear-gradient(110deg, #3921f4 0%, #8520ee 100%);
  --brand-gradient-text:linear-gradient(90deg, #3921f4 0%, #8520ee 100%);

  --radius-sm:8px;
  --radius:12px;
  --radius-2xl:24px;
  --shadow-sm:0 2px 8px rgba(30,20,70,.06);
  --shadow-md:0 4px 16px rgba(30,20,70,.08);
  --shadow-xl:0 16px 48px rgba(30,20,70,.12);
  --transition:0.2s cubic-bezier(0.4,0,0.2,1);

  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;
}