:root {
    --color-primary: var(--primary-color, #2E4220);
    --color-secondary: var(--secondary-color, #A8D5BA);
    --color-text: #212529;
    --color-text-muted: #6c757d;
    --color-border: #e1e1e1;
    --color-surface: #ffffff;
    --color-danger: #dc3545;

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 50px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.12);

    --transition-fast: all 0.2s ease;
    --transition-base: all 0.3s ease;
}