/* Theme Colors */
:root {
    --theme-primary: #3b82f6;
    --theme-secondary: #1e40af;
    --theme-accent: #f59e0b;
}

/* Blue Theme (Default) */
body[data-theme="blue"] {
    --theme-primary: #3b82f6;
    --theme-secondary: #1e40af;
    --theme-accent: #f59e0b;
}

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

body[data-theme="blue"] .service-icon,
body[data-theme="blue"] .contact-icon,
body[data-theme="blue"] .theme-toggle-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}

body[data-theme="blue"] .nav-menu a:hover,
body[data-theme="blue"] .about-features svg {
    color: #3b82f6;
    stroke: #3b82f6;
}

body[data-theme="blue"] .form-group input:focus,
body[data-theme="blue"] .form-group textarea:focus {
    border-color: #3b82f6;
}

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

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

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

body[data-theme="red"] .nav-menu a:hover,
body[data-theme="red"] .about-features svg {
    color: #dc2626;
    stroke: #dc2626;
}

body[data-theme="red"] .form-group input:focus,
body[data-theme="red"] .form-group textarea:focus {
    border-color: #dc2626;
}

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

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

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

body[data-theme="green"] .nav-menu a:hover,
body[data-theme="green"] .about-features svg {
    color: #059669;
    stroke: #059669;
}

body[data-theme="green"] .form-group input:focus,
body[data-theme="green"] .form-group textarea:focus {
    border-color: #059669;
}

/* Purple Theme */
body[data-theme="purple"] {
    --theme-primary: #7c3aed;
    --theme-secondary: #581c87;
    --theme-accent: #f59e0b;
}

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

body[data-theme="purple"] .service-icon,
body[data-theme="purple"] .contact-icon,
body[data-theme="purple"] .theme-toggle-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #581c87 100%);
}

body[data-theme="purple"] .nav-menu a:hover,
body[data-theme="purple"] .about-features svg {
    color: #7c3aed;
    stroke: #7c3aed;
}

body[data-theme="purple"] .form-group input:focus,
body[data-theme="purple"] .form-group textarea:focus {
    border-color: #7c3aed;
}

/* Orange Theme */
body[data-theme="orange"] {
    --theme-primary: #ea580c;
    --theme-secondary: #9a3412;
    --theme-accent: #f59e0b;
}

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

body[data-theme="orange"] .service-icon,
body[data-theme="orange"] .contact-icon,
body[data-theme="orange"] .theme-toggle-btn {
    background: linear-gradient(135deg, #ea580c 0%, #9a3412 100%);
}

body[data-theme="orange"] .nav-menu a:hover,
body[data-theme="orange"] .about-features svg {
    color: #ea580c;
    stroke: #ea580c;
}

body[data-theme="orange"] .form-group input:focus,
body[data-theme="orange"] .form-group textarea:focus {
    border-color: #ea580c;
}

/* Theme transition */
body {
    transition: background-color 0.3s ease;
}

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