/* ==========================================================================
   Deyura AIS - Custom Yellow Light Theme
   Matches Brand Logo (#EAB308 / Warm Amber Gold & Slate Dark Accents)
   ========================================================================== */

/* 1. Theme Color Variables for Light Theme & Default Root */
[data-bs-theme="light"],
:root:not([data-bs-theme="dark"]) {
    --bs-primary: #EAB308;
    --bs-primary-rgb: 234, 179, 8;
    --bs-primary-hover: #D97706;
    --bs-primary-active: #B45309;

    --bs-body-bg: #FEFDF3;
    --bs-body-color: #1E293B;

    --bs-secondary-bg: #FEF9C3;
    --bs-tertiary-bg: #FFFBEB;
    --bs-tertiary-bg-rgb: 255, 251, 235;

    --bs-border-color: #FDE68A;
    --bs-border-color-translucent: rgba(234, 179, 8, 0.2);

    --bs-link-color: #D97706;
    --bs-link-hover-color: #B45309;

    --bs-focus-ring-color: rgba(234, 179, 8, 0.3);
}

/* 2. Global Button Customization */
[data-bs-theme="light"] .btn-primary,
:root:not([data-bs-theme="dark"]) .btn-primary {
    background-color: #EAB308 !important;
    border-color: #EAB308 !important;
    color: #1E293B !important;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(234, 179, 8, 0.2);
    transition: all 0.2s ease-in-out;
}

[data-bs-theme="light"] .btn-primary:hover,
[data-bs-theme="light"] .btn-primary:focus,
:root:not([data-bs-theme="dark"]) .btn-primary:hover {
    background-color: #D97706 !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(217, 119, 6, 0.3);
}

[data-bs-theme="light"] .btn-outline-primary,
:root:not([data-bs-theme="dark"]) .btn-outline-primary {
    color: #B45309 !important;
    border-color: #EAB308 !important;
}

[data-bs-theme="light"] .btn-outline-primary:hover,
:root:not([data-bs-theme="dark"]) .btn-outline-primary:hover {
    background-color: #EAB308 !important;
    color: #1E293B !important;
}

[data-bs-theme="light"] .btn-info,
:root:not([data-bs-theme="dark"]) .btn-info {
    background-color: #F59E0B !important;
    border-color: #F59E0B !important;
    color: #1E293B !important;
    font-weight: 600;
}

[data-bs-theme="light"] .btn-info:hover,
:root:not([data-bs-theme="dark"]) .btn-info:hover {
    background-color: #D97706 !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
}

/* 3. Navigation Bar & Sub-Nav Styling */
[data-bs-theme="light"] nav.bg-body-tertiary,
:root:not([data-bs-theme="dark"]) nav.bg-body-tertiary {
    background-color: #FEF3C7 !important;
    border-bottom: 1px solid #FDE68A !important;
}

[data-bs-theme="light"] nav.bg-body-tertiary .nav-link,
:root:not([data-bs-theme="dark"]) nav.bg-body-tertiary .nav-link {
    color: #78350F !important;
    font-weight: 500;
}

[data-bs-theme="light"] nav.bg-body-tertiary .nav-link:hover,
[data-bs-theme="light"] nav.bg-body-tertiary .nav-link.active,
:root:not([data-bs-theme="dark"]) nav.bg-body-tertiary .nav-link.active {
    color: #B45309 !important;
    font-weight: 700;
}

[data-bs-theme="light"] header.navbar,
:root:not([data-bs-theme="dark"]) header.navbar {
    background: linear-gradient(135deg, #1E293B 0%, #2E4260 100%) !important;
    border-bottom: 3px solid #EAB308 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

[data-bs-theme="light"] header.navbar .nav-link,
:root:not([data-bs-theme="dark"]) header.navbar .nav-link {
    color: #F8FAFC !important;
    transition: color 0.2s ease;
}

[data-bs-theme="light"] header.navbar .nav-link:hover,
:root:not([data-bs-theme="dark"]) header.navbar .nav-link:hover {
    color: #FACC15 !important;
}

[data-bs-theme="light"] header.navbar .nav-link.active,
:root:not([data-bs-theme="dark"]) header.navbar .nav-link.active {
    color: #FACC15 !important;
    font-weight: bold;
    border-bottom: 2px solid #FACC15;
}

/* 4. Dashboard Cards & Summary Containers */
[data-bs-theme="light"] .bg-body-tertiary.p-4.rounded,
[data-bs-theme="light"] .card,
:root:not([data-bs-theme="dark"]) .bg-body-tertiary.p-4.rounded,
:root:not([data-bs-theme="dark"]) .card {
    background-color: #FFFDF0 !important;
    border: 1px solid #FDE68A !important;
    border-top: 4px solid #EAB308 !important;
    box-shadow: 0 4px 12px rgba(234, 179, 8, 0.08) !important;
    border-radius: 8px;
}

/* 5. DataTables & Tables Styling */
[data-bs-theme="light"] .table,
:root:not([data-bs-theme="dark"]) .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: #FEFCE8;
    --bs-table-hover-bg: #FEF9C3;
    color: #1E293B;
}

[data-bs-theme="light"] .table th,
:root:not([data-bs-theme="dark"]) .table th {
    background-color: #FEF08A !important;
    color: #78350F !important;
    font-weight: 700;
    border-bottom: 2px solid #FDE68A !important;
}

[data-bs-theme="light"] .page-item.active .page-link,
:root:not([data-bs-theme="dark"]) .page-item.active .page-link {
    background-color: #EAB308 !important;
    border-color: #EAB308 !important;
    color: #1E293B !important;
    font-weight: bold;
}

[data-bs-theme="light"] .page-link,
:root:not([data-bs-theme="dark"]) .page-link {
    color: #B45309;
}

/* 6. Theme Switcher Button Floating Accent */
.btn-bd-primary {
    --bd-violet-bg: #EAB308;
    --bd-violet-rgb: 234, 179, 8;
    --bs-btn-font-weight: 600;
    --bs-btn-color: #1E293B;
    --bs-btn-bg: #EAB308;
    --bs-btn-border-color: #EAB308;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #D97706;
    --bs-btn-hover-border-color: #D97706;
    --bs-btn-focus-shadow-rgb: 234, 179, 8;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #B45309;
    --bs-btn-active-border-color: #B45309;
}