:root {
    --color-primary-dark: #14532D;
    --color-primary: #16A34A;
    --color-primary-medium: #22C55E;
    --color-primary-light: #DCFCE7;
    --color-background: #F7FAF8;
    --color-surface: #FFFFFF;
    --color-text: #17201A;
    --color-text-muted: #5C6B62;
    --color-border: #E2E8E4;
    --color-success: #16A34A;
    --color-danger: #DC2626;
    --color-warning: #D97706;
    --color-info: #2563EB;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;

    --shadow-sm: 0 1px 2px rgba(23, 32, 26, 0.06);
    --shadow-md: 0 10px 30px rgba(23, 32, 26, 0.08);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    --font-sans: "Figtree", "Segoe UI", sans-serif;
    --font-display: "Fraunces", Georgia, serif;

    --container: 1120px;
    --header-h: 64px;
    --transition: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0ms;
    }
}