/**
 * Dynamic Theme Styles for REVAYAH Portal
 * Applied via data-theme attribute
 */

:root {
    --theme-primary: #9333ea;
    --theme-hover: #7e22ce;
    --theme-light: #e9d5ff;
    --theme-dark: #581c87;
}

/* PURPLE THEME (Default) */
[data-theme="purple"] .theme-sidebar {
    @apply bg-gradient-to-b from-purple-800 via-purple-900 to-purple-950;
}

[data-theme="purple"] .theme-active {
    @apply bg-purple-600 text-white shadow-lg;
}

[data-theme="purple"] .theme-hover:hover {
    @apply bg-purple-700 text-white;
}

[data-theme="purple"] .theme-text {
    @apply text-purple-100;
}

[data-theme="purple"] .theme-gradient-header {
    @apply bg-gradient-to-r from-purple-600 to-purple-700;
}

[data-theme="purple"] .theme-bg-light {
    @apply bg-purple-50;
}

[data-theme="purple"] .theme-border {
    @apply border-purple-200;
}

[data-theme="purple"] .theme-ring {
    @apply ring-purple-600;
}

/* BLUE THEME (REVAYAH Logo) */
[data-theme="blue"] .theme-sidebar {
    @apply bg-gradient-to-b from-blue-800 via-blue-900 to-blue-950;
}

[data-theme="blue"] .theme-active {
    @apply bg-blue-600 text-white shadow-lg;
}

[data-theme="blue"] .theme-hover:hover {
    @apply bg-blue-700 text-white;
}

[data-theme="blue"] .theme-text {
    @apply text-blue-100;
}

[data-theme="blue"] .theme-gradient-header {
    @apply bg-gradient-to-r from-blue-600 to-blue-700;
}

[data-theme="blue"] .theme-bg-light {
    @apply bg-blue-50;
}

[data-theme="blue"] .theme-border {
    @apply border-blue-200;
}

[data-theme="blue"] .theme-ring {
    @apply ring-blue-600;
}

/* GREEN THEME */
[data-theme="green"] .theme-sidebar {
    @apply bg-gradient-to-b from-green-800 via-green-900 to-green-950;
}

[data-theme="green"] .theme-active {
    @apply bg-green-600 text-white shadow-lg;
}

[data-theme="green"] .theme-hover:hover {
    @apply bg-green-700 text-white;
}

[data-theme="green"] .theme-text {
    @apply text-green-100;
}

[data-theme="green"] .theme-gradient-header {
    @apply bg-gradient-to-r from-green-600 to-green-700;
}

[data-theme="green"] .theme-bg-light {
    @apply bg-green-50;
}

[data-theme="green"] .theme-border {
    @apply border-green-200;
}

[data-theme="green"] .theme-ring {
    @apply ring-green-600;
}

/* RED THEME */
[data-theme="red"] .theme-sidebar {
    @apply bg-gradient-to-b from-red-800 via-red-900 to-red-950;
}

[data-theme="red"] .theme-active {
    @apply bg-red-600 text-white shadow-lg;
}

[data-theme="red"] .theme-hover:hover {
    @apply bg-red-700 text-white;
}

[data-theme="red"] .theme-text {
    @apply text-red-100;
}

[data-theme="red"] .theme-gradient-header {
    @apply bg-gradient-to-r from-red-600 to-red-700;
}

[data-theme="red"] .theme-bg-light {
    @apply bg-red-50;
}

[data-theme="red"] .theme-border {
    @apply border-red-200;
}

[data-theme="red"] .theme-ring {
    @apply ring-red-600;
}

/* ORANGE THEME */
[data-theme="orange"] .theme-sidebar {
    @apply bg-gradient-to-b from-orange-800 via-orange-900 to-orange-950;
}

[data-theme="orange"] .theme-active {
    @apply bg-orange-600 text-white shadow-lg;
}

[data-theme="orange"] .theme-hover:hover {
    @apply bg-orange-700 text-white;
}

[data-theme="orange"] .theme-text {
    @apply text-orange-100;
}

[data-theme="orange"] .theme-gradient-header {
    @apply bg-gradient-to-r from-orange-600 to-orange-700;
}

[data-theme="orange"] .theme-bg-light {
    @apply bg-orange-50;
}

[data-theme="orange"] .theme-border {
    @apply border-orange-200;
}

[data-theme="orange"] .theme-ring {
    @apply ring-orange-600;
}

/* Dark mode adjustments for all themes */
.dark [data-theme="purple"] .theme-sidebar {
    background: linear-gradient(to bottom, #1a1625, #000000, #000000);
}

.dark [data-theme="blue"] .theme-sidebar {
    background: linear-gradient(to bottom, #1a1625, #000000, #000000);
}

.dark [data-theme="green"] .theme-sidebar {
    background: linear-gradient(to bottom, #1a1625, #000000, #000000);
}

.dark [data-theme="red"] .theme-sidebar {
    background: linear-gradient(to bottom, #1a1625, #000000, #000000);
}

.dark [data-theme="orange"] .theme-sidebar {
    background: linear-gradient(to bottom, #1a1625, #000000, #000000);
}