:root {
  --color-primary: #8b5cf6;
        --color-primary-dark: #7c3aed;
        --color-secondary: #ec4899;
        --color-accent: #f59e0b;
        --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
        --color-primary-rgb: 139, 92, 246;
        --color-secondary-rgb: 236, 72, 153;
        --color-primary-dark-rgb: 124, 58, 237;
        --gradient-primary-subtle: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(236, 72, 153, 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;
}