/* Theme Definitions for JagoKas */

/* Fallback / Default Theme (Theme 8: Dark Professional) */
:root {
    --sidebar-bg: #1E293B;
    --primary: #3B82F6;
    --secondary: #22C55E;
}

.theme-1 {
    --sidebar-bg: #475569;
    --primary: #3B82F6;
    --secondary: #10B981;
}

.theme-2 {
    --sidebar-bg: #1E40AF;
    --primary: #06B6D4;
    --secondary: #F97316;
}

.theme-3 {
    --sidebar-bg: #059669;
    --primary: #84CC16;
    --secondary: #374151;
}

.theme-4 {
    --sidebar-bg: #4F46E5;
    --primary: #0EA5E9;
    --secondary: #64748B;
}

.theme-5 {
    --sidebar-bg: #1E293B;
    --primary: #EA580C;
    --secondary: #F59E0B;
}

.theme-6 {
    --sidebar-bg: #334155;
    --primary: #0D9488;
    --secondary: #0891B2;
}

.theme-7 {
    --sidebar-bg: #7C3AED;
    --primary: #6366F1;
    --secondary: #2563EB;
}

.theme-8 {
    --sidebar-bg: #1E293B;
    --primary: #3B82F6;
    --secondary: #22C55E;
}

.theme-9 {
    --sidebar-bg: #1F2937;
    --primary: #EAB308;
    --secondary: #059669;
}

.theme-10 {
    --sidebar-bg: #6B7280;
    --primary: #2563EB;
    --secondary: #22C55E;
}

.theme-11 {
    --sidebar-bg: #1E293B;
    --primary: #2563EB;
    --secondary: #3B82F6;
}

.theme-12 {
    --sidebar-bg: #14532D;
    --primary: #22C55E;
    --secondary: #4ADE80;
}

.theme-13 {
    --sidebar-bg: #134E4A;
    --primary: #0D9488;
    --secondary: #14B8A6;
}

.theme-14 {
    --sidebar-bg: #312E81;
    --primary: #4F46E5;
    --secondary: #6366F1;
}

.theme-15 {
    --sidebar-bg: #4C1D95;
    --primary: #7C3AED;
    --secondary: #8B5CF6;
}

.theme-16 {
    --sidebar-bg: #831843;
    --primary: #EC4899;
    --secondary: #F472B6;
}

.theme-17 {
    --sidebar-bg: #7C2D12;
    --primary: #F97316;
    --secondary: #FB923C;
}

.theme-18 {
    --sidebar-bg: #78350F;
    --primary: #F59E0B;
    --secondary: #FAC015;
}

.theme-19 {
    --sidebar-bg: #7F1D1D;
    --primary: #EF4444;
    --secondary: #F87171;
}

.theme-20 {
    --sidebar-bg: #0F172A;
    --primary: #475569;
    --secondary: #64748B;
}

/* Global UI Overrides using Variables */
#accordionSidebar {
    background: var(--sidebar-bg) !important;
}

/* Primary Buttons */
.btn-primary, .bg-primary, .btn-warning, .bg-warning {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

/* Secondary Buttons */
.btn-secondary, .bg-secondary, .btn-info, .bg-info, .btn-success, .bg-success {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #fff !important;
}

.badge-primary, .text-primary, .text-warning, .badge-warning {
    color: var(--primary) !important;
}

.badge-secondary, .badge-success, .text-secondary, .text-success, .text-info {
    color: var(--secondary) !important;
}

/* Custom Admin Buttons */
.admin-btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}
.badge-secondary, .badge-info {
    background-color: var(--secondary) !important;
}

/* Dashboard Tab Buttons */
.tab-btn.active {
    border-bottom-color: var(--primary) !important;
    color: var(--primary) !important;
}
.tab-btn:hover {
    color: var(--primary) !important;
}

/* POS Active Menu Overrides */
.sidebar .nav-item .nav-link.active-parent {
    border-left: 5px solid var(--primary) !important;
    background: color-mix(in srgb, var(--primary) 25%, transparent) !important;
}
.collapse-item:hover {
    color: var(--primary) !important;
}
.collapse-item.active-sub {
    background-color: color-mix(in srgb, var(--primary) 25%, transparent) !important;
    color: #fff !important;
    font-weight: 800 !important;
}