:root {
  --color-primary: #2563eb;
        --color-primary-dark: #1d4ed8;
        --color-secondary: #0891b2;
        --color-accent: #f59e0b;
        --gradient-primary: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);
        --color-primary-rgb: 37, 99, 235;
        --color-secondary-rgb: 8, 145, 178;
        --color-primary-dark-rgb: 29, 78, 216;
        --gradient-primary-subtle: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(8, 145, 178, 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;
}