:root {
    --color-primary: #1b7f5c;
    --color-primary-dark: #145f45;
    --color-primary-light: #2fa87d;
    --color-secondary: #0f2740;
    --color-accent: #ff7a3d;
    --color-background: #f7f9f8;
    --color-surface: #ffffff;
    --color-text: #10201c;
    --color-text-muted: #55625d;
    --color-border: #e1e7e4;
    --color-success: #1b7f5c;
    --color-danger: #d1453b;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-sm: 0 1px 2px rgba(15, 39, 64, 0.06);
    --shadow-md: 0 8px 24px rgba(15, 39, 64, 0.10);

    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-size-base: clamp(1rem, 0.95rem + 0.2vw, 1.05rem);

    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background: #0d1512;
        --color-surface: #142019;
        --color-text: #eef3f0;
        --color-text-muted: #a3b3ac;
        --color-border: #223229;
    }
}