:root {
    --color-primary: #2e7d32;
    --color-primary-light: #4caf50;
    --color-primary-dark: #215223;
    --color-primary-hover: #388e3c;
    --color-primary-active: #256b28;
    --color-primary-muted: #a5d6a7;
    --color-primary-gradient-end: #abebc2;

    --color-surface: #ffffff;
    --color-bg: #f4f6f8;
    --color-text: #333333;
    --color-text-muted: #555555;
    --color-text-subtle: #666666;
    --color-border: #dddddd;
    --color-border-light: #eeeeee;
    --color-input-bg: #e9ecef;
    --color-danger: #e53935;
    --color-info: #2196f3;

    --sidebar-width: 220px;
    --header-height: 60px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-header: 0 2px 4px rgba(0, 0, 0, 0.1);

    --font-family: 'Poppins', sans-serif;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
}