/* DEFAULT THEME (Green) */
[data-theme="default"] {
    --primary-color: #104333;
    --primary-dark: #0d5943;
    --primary-light: #10B981;
    --accent-color: #10B981;
    --gradient-start: #104333;
    --gradient-end: #0d5943;
}

/* OCEAN BLUE THEME */
[data-theme="ocean"] {
    --primary-color: #0369a1;
    --primary-dark: #075985;
    --primary-light: #38bdf8;
    --accent-color: #0ea5e9;
    --gradient-start: #0369a1;
    --gradient-end: #0c4a6e;
}

[data-theme="ocean"] .gradient-bg {
    background: linear-gradient(135deg, #0369a1 0%, #0c4a6e 50%, #0369a1 100%);
}

[data-theme="ocean"] .chatbot-fab {
    background-color: #0369a1;
}

[data-theme="ocean"] .chatbot-fab:hover {
    background-color: #075985;
}

/* ROYAL PURPLE THEME */
[data-theme="royal"] {
    --primary-color: #7c3aed;
    --primary-dark: #6d28d9;
    --primary-light: #a78bfa;
    --accent-color: #8b5cf6;
    --gradient-start: #7c3aed;
    --gradient-end: #5b21b6;
}

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

[data-theme="royal"] .chatbot-fab {
    background-color: #7c3aed;
}

[data-theme="royal"] .chatbot-fab:hover {
    background-color: #6d28d9;
}

/* SUNSET ORANGE THEME */
[data-theme="sunset"] {
    --primary-color: #ea580c;
    --primary-dark: #c2410c;
    --primary-light: #fb923c;
    --accent-color: #f97316;
    --gradient-start: #ea580c;
    --gradient-end: #9a3412;
}

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

[data-theme="sunset"] .chatbot-fab {
    background-color: #ea580c;
}

[data-theme="sunset"] .chatbot-fab:hover {
    background-color: #c2410c;
}

/* MIDNIGHT DARK THEME */
[data-theme="midnight"] {
    --primary-color: #1e293b;
    --primary-dark: #0f172a;
    --primary-light: #475569;
    --accent-color: #64748b;
    --gradient-start: #1e293b;
    --gradient-end: #0f172a;
}

[data-theme="midnight"] .gradient-bg {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e293b 100%);
}

[data-theme="midnight"] .chatbot-fab {
    background-color: #1e293b;
}

[data-theme="midnight"] .chatbot-fab:hover {
    background-color: #0f172a;
}

[data-theme="midnight"] body {
    background-color: #f8fafc;
}

/* Apply theme colors dynamically */
[data-theme] .bg-\[\#104333\],
[data-theme] .premium-green {
    background-color: var(--primary-color) !important;
}

[data-theme] .hover\:bg-\[\#0d5943\]:hover {
    background-color: var(--primary-dark) !important;
}

[data-theme] .text-\[\#104333\],
[data-theme] .text-premium-green {
    color: var(--primary-color) !important;
}

[data-theme] .border-\[\#104333\] {
    border-color: var(--primary-color) !important;
}

[data-theme] .hover\:text-\[\#104333\]:hover {
    color: var(--primary-color) !important;
}

[data-theme] .from-\[\#104333\] {
    --tw-gradient-from: var(--primary-color) !important;
}

[data-theme] .to-\[\#0d5943\] {
    --tw-gradient-to: var(--primary-dark) !important;
}

[data-theme] .gradient-bg {
    background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 50%, var(--gradient-start) 100%);
}

[data-theme] .service-card:hover {
    border-color: var(--primary-color);
}

[data-theme] .testimonial-card {
    border-left-color: var(--primary-color) !important;
}

[data-theme] @keyframes pulse-glow {
    0%, 100% {
        background-color: var(--primary-color);
        box-shadow: 0 0 20px var(--primary-color);
    }
    50% {
        background-color: var(--primary-dark);
        box-shadow: 0 0 40px var(--accent-color);
    }
}