/* Theme Color Definitions */

/* Default Theme: Ocean Blue */
:root,
body[data-theme="blue"] {
    --theme-primary: #3b82f6;
    --theme-secondary: #1e40af;
    --theme-accent: #f59e0b;
    --theme-accent-hover: #d97706;
}

/* Crimson Red Theme */
body[data-theme="red"] {
    --theme-primary: #dc2626;
    --theme-secondary: #991b1b;
    --theme-accent: #f59e0b;
    --theme-accent-hover: #d97706;
}

/* Forest Green Theme */
body[data-theme="green"] {
    --theme-primary: #059669;
    --theme-secondary: #065f46;
    --theme-accent: #f59e0b;
    --theme-accent-hover: #d97706;
}

/* Royal Purple Theme */
body[data-theme="purple"] {
    --theme-primary: #7c3aed;
    --theme-secondary: #5b21b6;
    --theme-accent: #f59e0b;
    --theme-accent-hover: #d97706;
}

/* Sunset Orange Theme */
body[data-theme="orange"] {
    --theme-primary: #ea580c;
    --theme-secondary: #c2410c;
    --theme-accent: #3b82f6;
    --theme-accent-hover: #2563eb;
}

/* Theme-specific gradient backgrounds */
body[data-theme="blue"] .hero {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}

body[data-theme="red"] .hero {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

body[data-theme="green"] .hero {
    background: linear-gradient(135deg, #059669 0%, #065f46 100%);
}

body[data-theme="purple"] .hero {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

body[data-theme="orange"] .hero {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

/* Theme-specific service icons */
body[data-theme="blue"] .service-icon {
    background: linear-gradient(135deg, #3b82f6, #1e40af);
}

body[data-theme="red"] .service-icon {
    background: linear-gradient(135deg, #dc2626, #991b1b);
}

body[data-theme="green"] .service-icon {
    background: linear-gradient(135deg, #059669, #065f46);
}

body[data-theme="purple"] .service-icon {
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
}

body[data-theme="orange"] .service-icon {
    background: linear-gradient(135deg, #ea580c, #c2410c);
}

/* Theme-specific contact icons */
body[data-theme="blue"] .contact-icon {
    background: linear-gradient(135deg, #3b82f6, #1e40af);
}

body[data-theme="red"] .contact-icon {
    background: linear-gradient(135deg, #dc2626, #991b1b);
}

body[data-theme="green"] .contact-icon {
    background: linear-gradient(135deg, #059669, #065f46);
}

body[data-theme="purple"] .contact-icon {
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
}

body[data-theme="orange"] .contact-icon {
    background: linear-gradient(135deg, #ea580c, #c2410c);
}

/* Theme-specific button */
body[data-theme="blue"] .theme-toggle-btn {
    background: #3b82f6;
}

body[data-theme="red"] .theme-toggle-btn {
    background: #dc2626;
}

body[data-theme="green"] .theme-toggle-btn {
    background: #059669;
}

body[data-theme="purple"] .theme-toggle-btn {
    background: #7c3aed;
}

body[data-theme="orange"] .theme-toggle-btn {
    background: #ea580c;
}

/* Smooth theme transition */
body {
    transition: all 0.3s ease;
}

.hero,
.service-icon,
.contact-icon,
.theme-toggle-btn {
    transition: background 0.3s ease;
}