:root {
  --color-primary: #10b981;
        --color-primary-dark: #059669;
        --color-secondary: #3b82f6;
        --color-accent: #f59e0b;
        --gradient-primary: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);
        --color-primary-rgb: 16, 185, 129;
        --color-secondary-rgb: 59, 130, 246;
        --color-primary-dark-rgb: 5, 150, 105;
        --gradient-primary-subtle: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
        --surface-page: #f0f2f5;
        --surface-card: #ffffff;
        --surface-input: #ffffff;
        --surface-muted: #f8f9fa;
        --text-body: #222222;
        --text-heading: #222222;
        --text-muted: #666666;
        --border-soft: #e0e0e0;
        --shadow-card-color: rgba(0, 0, 0, 0.08);
        --on-primary: #ffffff;
        --font-body: 'Inter', sans-serif;
        --font-heading: 'Inter', sans-serif;
}