/* ===== Design Tokens ===== */
:root {
    --c-primary: #4338CA;
    --c-primary-dark: #3730A3;
    --c-primary-light: #6366F1;
    --c-accent: #EA580C;
    --c-accent-light: #F97316;
    --c-bg: #FAFAF9;
    --c-surface: #FFFFFF;
    --c-surface-alt: #F5F5F4;
    --c-text: #1C1917;
    --c-text-light: #78716C;
    --c-text-inv: #FFFFFF;
    --c-border: #E7E5E4;
    --c-border-dark: #D6D3D1;
    --c-star: #F59E0B;
    --c-footer-bg: #1C1917;
    --c-footer-text: #A8A29E;
    --ff-heading: 'Bitter', Georgia, serif;
    --ff-body: 'Nunito Sans', system-ui, sans-serif;
    --fw-normal: 400; --fw-medium: 500; --fw-semi: 600; --fw-bold: 700;
    --fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;
    --fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.25rem;
    --fs-4xl:3rem;--fs-5xl:3.75rem;
    --lh-tight:1.2;--lh-normal:1.6;--lh-relaxed:1.8;
    --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
    --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
    --max-w:1200px;--max-w-narrow:800px;--gutter:24px;
    --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;
    --shadow-xs:0 1px 2px rgba(0,0,0,.05);
    --shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
    --shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);
    --shadow-lg:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.04);
    --shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);
    --ease:cubic-bezier(.4,0,.2,1);--dur:200ms;--dur-slow:350ms;
}