/* GENERATED from design/tokens.json — edit that file, then re-run scripts/build-tokens.php */
:root {
    --green-50: #F0F7F3;
    --green-100: #E0EEE6;
    --green-200: #C1DDCE;
    --green-300: #8FBEA8;
    --green-400: #5F9E82;
    --green-500: #3B8266;
    --green-600: #2F6B52;
    --green-700: #24523F;
    --green-800: #1B3D2F;
    --green-900: #132E23;
    --green-950: #0C1F17;
    --stone-50: #FAF9F7;
    --stone-100: #F4F1EB;
    --stone-200: #E8E4DD;
    --stone-300: #D6D0C6;
    --stone-400: #A8A196;
    --stone-500: #78716A;
    --stone-600: #57534B;
    --stone-700: #443F38;
    --stone-800: #2E2A25;
    --stone-900: #201D19;
    --amber-100: #FBEED7;
    --amber-300: #FCD34D;
    --amber-500: #D97706;
    --amber-600: #B45309;
    --amber-700: #92400E;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --space-10: 8rem;
    --space-section: clamp(4rem, 3rem + 6vw, 7.5rem);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --shadow-xs: 0 1px 2px rgb(32 29 25 / 0.05);
    --shadow-sm: 0 1px 2px rgb(32 29 25 / 0.05), 0 3px 8px rgb(32 29 25 / 0.06);
    --shadow-md: 0 2px 4px rgb(32 29 25 / 0.05), 0 10px 24px rgb(32 29 25 / 0.08);
    --shadow-lift: 0 4px 8px rgb(32 29 25 / 0.06), 0 20px 48px rgb(32 29 25 / 0.12);
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
    --text-h4: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
    --text-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
    --text-h2: clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
    --text-h1: clamp(2.6rem, 1.9rem + 3.2vw, 4.5rem);
    --text-display: clamp(3rem, 2rem + 4.5vw, 5.5rem);
    --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-1: 120ms;
    --dur-2: 240ms;
    --dur-3: 480ms;
}