:root {
  --color-primary: #2D6A4F;
  --color-primary-dark: #1B4332;
  --color-primary-light: #52B788;
  --color-surface: #F0F7F0;
  --color-white: #FFFFFF;

  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A5568;
  --color-text-muted: #718096;
  --color-text-inverse: #FFFFFF;

  --color-border: #D1E8D9;
  --color-border-focus: #2D6A4F;

  --color-success: #276749;
  --color-success-bg: #EBF5EE;
  --color-warning: #B45309;
  --color-warning-bg: #FFFBEB;
  --color-danger: #C53030;
  --color-danger-bg: #FFF5F5;
  --color-info: #2B6CB0;
  --color-info-bg: #EBF8FF;

  --font-family: 'Segoe UI', 'Inter', Arial, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 15px;
  --font-size-lg: 17px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;

  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;
  --space-4: 16px;  --space-5: 20px;  --space-6: 24px;
  --space-8: 32px;  --space-10: 40px; --space-12: 48px;

  --sidebar-width: 240px;
  --topbar-height: 60px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.10);

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