:root {
    --primary: #3B82F6;
    --primary-dark: #2563EB;
    --primary-light: #60A5FA;
    --bg-gradient-start: #F5F7FA;
    --bg-gradient-end: #C3CFE2;
    --card-bg: #FFFFFF;
    --input-bg: #F8F9FA;
    --text-primary: #2C3E50;
    --text-secondary: #7F8C8D;
    --text-placeholder: #95A5A6;
    --border-color: #E1E8ED;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
    --radius-md: 10px;
    --radius-lg: 16px;
    --transition: 0.2s ease;
}

body.theme-dark {
    --primary: #8B5CF6;
    --primary-dark: #7C3AED;
    --bg-gradient-start: #1E1E2E;
    --bg-gradient-end: #0F0F1A;
    --card-bg: #2A2A3A;
    --input-bg: #1F1F2E;
    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-placeholder: #64748B;
    --border-color: #3A3A4A;
}