/* Theme Variables */
[data-theme="modern"] {
    --cloud-dancer: #FAF5FF;
    --soft-beige: #EDE9FE;
    --warm-sand: #DDD6FE;
    
    --text-primary: #2E1065;
    --text-secondary: #4C1D95;
    --text-muted: #7C3AED;
    
    --hyper-coral: #F59E0B;
    --coral-hover: #D97706;
    --accent-green: #8B5CF6;
    --accent-gold: #FCD34D;
    --ramadhan-green: #7C3AED;
    
    --border-light: #C4B5FD;
    --shadow-color: rgba(124, 58, 237, 0.1);
}

[data-theme="classic"] {
    --cloud-dancer: #F8F9FA;
    --soft-beige: #E9ECEF;
    --warm-sand: #DEE2E6;
    
    --text-primary: #1C2331;
    --text-secondary: #3E4551;
    --text-muted: #6C757D;
    
    --hyper-coral: #1E3A8A;
    --coral-hover: #1E40AF;
    --accent-green: #059669;
    --accent-gold: #F59E0B;
    --ramadhan-green: #1E40AF;
    
    --border-light: #CED4DA;
    --shadow-color: rgba(28, 35, 49, 0.1);
}

[data-theme="dark"] {
    --cloud-dancer: #1A202C;
    --soft-beige: #2D3748;
    --warm-sand: #4A5568;
    
    --text-primary: #F7FAFC;
    --text-secondary: #E2E8F0;
    --text-muted: #CBD5E0;
    
    --hyper-coral: #FC8181;
    --coral-hover: #F56565;
    --accent-green: #68D391;
    --accent-gold: #F6AD55;
    --ramadhan-green: #48BB78;
    
    --border-light: #4A5568;
    --shadow-color: rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] body {
    background-color: var(--cloud-dancer);
}

[data-theme="dark"] .card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .category-card {
    background-color: var(--soft-beige);
    border: 1px solid var(--border-light);
}

[data-theme="dark"] .navbar {
    background: linear-gradient(135deg, #2D3748 0%, #1A202C 100%);
}

[data-theme="dark"] .footer {
    background: linear-gradient(135deg, #2D3748 0%, #1A202C 100%);
}