/* ============================================
   THEME SYSTEM - Multiple Color Schemes
   ============================================ */

/* Default Theme - Women Empowerment (Pink-Purple) */
[data-theme="empowerment"] {
    --color-primary: #e91e63;
    --color-primary-dark: #c2185b;
    --color-primary-light: #f48fb1;
    --color-secondary: #9c27b0;
    --color-secondary-dark: #7b1fa2;
    --color-secondary-light: #ba68c8;
    --color-accent: #4caf50;
    --color-accent-dark: #388e3c;
    --color-accent-light: #81c784;
    
    --gradient-primary: linear-gradient(135deg, #e91e63 0%, #c2185b 20%, #9c27b0 40%, #7b1fa2 60%, #673ab7 80%, #5e35b1 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-accent: linear-gradient(135deg, #4caf50 0%, #81c784 100%);
    
    --color-bg: #ffffff;
    --color-text: #333333;
    --color-text-secondary: #666666;
    --color-heading: #1a1a1a;
    --color-card-bg: #1b5e20;
    --color-hover-bg: #1a3a1a;
    --color-border: #e0e0e0;
    --color-input-bg: #ffffff;
    --color-header-bg: rgba(255, 255, 255, 0.95);
}

/* Theme 2 - Eco-Friendly (Green) */
[data-theme="eco"] {
    --color-primary: #2e7d32;
    --color-primary-dark: #1b5e20;
    --color-primary-light: #66bb6a;
    --color-secondary: #388e3c;
    --color-secondary-dark: #2e7d32;
    --color-secondary-light: #81c784;
    --color-accent: #ffd54f;
    --color-accent-dark: #ffc107;
    --color-accent-light: #ffe082;
    
    --gradient-primary: linear-gradient(135deg, #1b5e20 0%, #2e7d32 20%, #388e3c 40%, #43a047 60%, #4caf50 80%, #66bb6a 100%);
    --gradient-secondary: linear-gradient(135deg, #81c784 0%, #aed581 100%);
    --gradient-accent: linear-gradient(135deg, #ffd54f 0%, #ffe082 100%);
    
    --color-bg: #f1f8f4;
    --color-text: #1a3a1a;
    --color-text-secondary: #4a6a4a;
    --color-heading: #0d1f0d;
    --color-card-bg:  #01579b;;
    --color-hover-bg: #1a3a1a;
    --color-border: #c8e6c9;
    --color-input-bg: #ffffff;
    --color-header-bg: rgba(255, 255, 255, 0.95);
}

/* Theme 3 - Tech Innovation (Blue-Cyan) */
[data-theme="tech"] {
    --color-primary: #0288d1;
    --color-primary-dark: #01579b;
    --color-primary-light: #4fc3f7;
    --color-secondary: #00bcd4;
    --color-secondary-dark: #0097a7;
    --color-secondary-light: #4dd0e1;
    --color-accent: #ffd700;
    --color-accent-dark: #ffc107;
    --color-accent-light: #ffeb3b;
    
    --gradient-primary: linear-gradient(135deg, #01579b 0%, #0277bd 20%, #0288d1 40%, #039be5 60%, #03a9f4 80%, #29b6f6 100%);
    --gradient-secondary: linear-gradient(135deg, #00bcd4 0%, #4dd0e1 100%);
    --gradient-accent: linear-gradient(135deg, #ffd700 0%, #ffeb3b 100%);
    
    --color-bg: #f0f8ff;
    --color-text: #1a2a3a;
    --color-text-secondary: #4a5a6a;
    --color-heading: #0d1a2a;
    --color-card-bg:  #01579b;;
    --color-hover-bg: #1a3a1a;
    --color-border: #bbdefb;
    --color-input-bg: #ffffff;
    --color-header-bg: rgba(255, 255, 255, 0.95);
}

/* Theme 4 - Corporate Professional (Navy-Gold) */
[data-theme="corporate"] {
    --color-primary: #1a237e;
    --color-primary-dark: #0d1460;
    --color-primary-light: #3949ab;
    --color-secondary: #283593;
    --color-secondary-dark: #1a237e;
    --color-secondary-light: #5c6bc0;
    --color-accent: #ffd700;
    --color-accent-dark: #ffb300;
    --color-accent-light: #ffe57f;
    
    --gradient-primary: linear-gradient(135deg, #0d1460 0%, #1a237e 20%, #283593 40%, #303f9f 60%, #3949ab 80%, #5c6bc0 100%);
    --gradient-secondary: linear-gradient(135deg, #3949ab 0%, #7986cb 100%);
    --gradient-accent: linear-gradient(135deg, #ffd700 0%, #ffe57f 100%);
    
    --color-bg: #fafafa;
    --color-text: #2a2a3a;
    --color-text-secondary: #5a5a6a;
    --color-heading: #1a1a2a;
    --color-card-bg:  #01579b;;
    --color-hover-bg: #1a3a1a;
    --color-border: #e0e0e0;
    --color-input-bg: #ffffff;
    --color-header-bg: rgba(255, 255, 255, 0.95);
}

/* Theme 5 - Dark Mode */
[data-theme="dark"] {
    --color-primary: #ff4081;
    --color-primary-dark: #f50057;
    --color-primary-light: #ff80ab;
    --color-secondary: #7c4dff;
    --color-secondary-dark: #651fff;
    --color-secondary-light: #b388ff;
    --color-accent: #00e676;
    --color-accent-dark: #00c853;
    --color-accent-light: #69f0ae;
    
    --gradient-primary: linear-gradient(135deg, #f50057 0%, #ff4081 20%, #e91e63 40%, #ad1457 60%, #880e4f 80%, #6a1b4d 100%);
    --gradient-secondary: linear-gradient(135deg, #7c4dff 0%, #b388ff 100%);
    --gradient-accent: linear-gradient(135deg, #00e676 0%, #69f0ae 100%);
    
    --color-bg: #121212;
    --color-text: #e0e0e0;
    --color-text-secondary: #b0b0b0;
    --color-heading: #ffffff;
    --color-card-bg: #1e1e1e;
    --color-hover-bg: #2a2a2a;
    --color-border: #3a3a3a;
    --color-input-bg: #2a2a2a;
    --color-header-bg: rgba(30, 30, 30, 0.95);
}

/* Dark Mode Specific Adjustments */
[data-theme="dark"] .hero-section {
    color: white;
}

[data-theme="dark"] .hero-title .title-line {
    text-shadow: 
        0 2px 0 rgba(255,255,255,0.3),
        0 3px 0 rgba(255,255,255,0.2),
        0 4px 2px rgba(255,255,255,0.1),
        0 6px 12px rgba(0,0,0,0.8);
}

[data-theme="dark"] .about-card,
[data-theme="dark"] .service-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .portfolio-item,
[data-theme="dark"] .team-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .contact-form-container {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="dark"] .project-tech span {
    background: var(--color-hover-bg);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

[data-theme="dark"] .main-footer {
    background: linear-gradient(135deg, #0d0d0d, #1a1a1a, #262626);
}

/* Smooth Theme Transitions */
body,
.main-header,
.about-card,
.service-card,
.value-card,
.portfolio-item,
.team-card,
.testimonial-card,
.contact-card,
.contact-form-container,
.form-group input,
.form-group select,
.form-group textarea {
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Theme Specific Enhancements */

/* Eco Theme - Nature-inspired elements */
[data-theme="eco"] .value-card:hover,
[data-theme="eco"] .service-card:hover {
    box-shadow: 0 8px 32px rgba(46, 125, 50, 0.2);
}

[data-theme="eco"] .btn-primary {
    background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 100%);
}

/* Tech Theme - Futuristic glow effects */
[data-theme="tech"] .value-card:hover,
[data-theme="tech"] .service-card:hover {
    box-shadow: 0 8px 32px rgba(2, 136, 209, 0.3);
}

[data-theme="tech"] .btn-primary {
    background: linear-gradient(135deg, #0288d1 0%, #4fc3f7 100%);
}

[data-theme="tech"] .tech-tag {
    box-shadow: 0 0 10px rgba(2, 136, 209, 0.3);
}

/* Corporate Theme - Professional polish */
[data-theme="corporate"] .value-card:hover,
[data-theme="corporate"] .service-card:hover {
    box-shadow: 0 8px 32px rgba(26, 35, 126, 0.2);
}

[data-theme="corporate"] .btn-primary {
    background: linear-gradient(135deg, #1a237e 0%, #3949ab 100%);
}

[data-theme="corporate"] .section-label {
    background: var(--gradient-accent);
    color: #1a237e;
}

/* Dark Theme - Neon accents */
[data-theme="dark"] .value-card:hover,
[data-theme="dark"] .service-card:hover {
    box-shadow: 0 8px 32px rgba(255, 64, 129, 0.3);
    border-color: var(--color-primary);
}

[data-theme="dark"] .btn-primary {
    background: var(--gradient-primary);
    box-shadow: 0 4px 16px rgba(255, 64, 129, 0.3);
}

[data-theme="dark"] .tech-tag {
    box-shadow: 0 0 15px rgba(124, 77, 255, 0.4);
}

[data-theme="dark"] .scroll-progress {
    box-shadow: 0 0 20px var(--color-primary);
}

/* High Contrast Mode for Accessibility */
@media (prefers-contrast: high) {
    :root {
        --color-text: #000000;
        --color-bg: #ffffff;
        --color-border: #000000;
    }
    
    [data-theme="dark"] {
        --color-text: #ffffff;
        --color-bg: #000000;
        --color-border: #ffffff;
    }
    
    .btn {
        border-width: 3px;
    }
}

/* Reduced Motion for Accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Theme-specific gradient overlays */
[data-theme="empowerment"] .hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(233, 30, 99, 0.1) 0%, transparent 50%);
}

[data-theme="eco"] .hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(46, 125, 50, 0.15) 0%, transparent 50%);
}

[data-theme="tech"] .hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(2, 136, 209, 0.15) 0%, transparent 50%);
}

[data-theme="corporate"] .hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(26, 35, 126, 0.15) 0%, transparent 50%);
}

[data-theme="dark"] .hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(255, 64, 129, 0.15) 0%, transparent 50%);
}