/* ==========================================================================
   Bio Prism Theme Presets (Strictly Aligned with Freelancer & SB Admin 2 Palette)
   ========================================================================== */

/* 1. Theme: Teal Slate (Freelancer Signature) */
.theme-prism-dark,
.theme-teal-slate {
    --bg-gradient: linear-gradient(180deg, #1a252f 0%, #0f172a 100%);
    --card-bg: rgba(44, 62, 80, 0.4);
    --card-border: rgba(26, 188, 156, 0.25);
    --card-hover-bg: rgba(26, 188, 156, 0.15);
    --card-hover-border: #1abc9c;
    --text-primary: #ffffff;
    --text-secondary: #cbd5e1;
    --accent-color: #1abc9c;
    --accent-glow: 0 0 20px rgba(26, 188, 156, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #1abc9c, #2c3e50);
}

/* 2. Theme: Admin Blue (SB Admin 2 Classic) */
.theme-admin-blue,
.theme-cyber-neon {
    --bg-gradient: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    --card-bg: rgba(78, 115, 223, 0.08);
    --card-border: rgba(78, 115, 223, 0.25);
    --card-hover-bg: rgba(78, 115, 223, 0.18);
    --card-hover-border: #4e73df;
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --accent-color: #4e73df;
    --accent-glow: 0 0 20px rgba(78, 115, 223, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #4e73df, #224abe);
}

/* 3. Theme: Minimal Clean (Editorial White / Slate) */
.theme-minimal-light,
.theme-minimal-clean {
    --bg-gradient: linear-gradient(180deg, #f8f9fc 0%, #e2e8f0 100%);
    --card-bg: #ffffff;
    --card-border: #cbd5e1;
    --card-hover-bg: #f1f5f9;
    --card-hover-border: #2c3e50;
    --text-primary: #2c3e50;
    --text-secondary: #64748b;
    --accent-color: #1abc9c;
    --accent-glow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --avatar-fallback-bg: linear-gradient(135deg, #2c3e50, #1abc9c);
}

/* 4. Theme: Amber Gold (SB Admin 2 Warning) */
.theme-midnight-gold,
.theme-amber-gold {
    --bg-gradient: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    --card-bg: rgba(246, 194, 62, 0.06);
    --card-border: rgba(246, 194, 62, 0.25);
    --card-hover-bg: rgba(246, 194, 62, 0.15);
    --card-hover-border: #f6c23e;
    --text-primary: #fffbeb;
    --text-secondary: #fde68a;
    --accent-color: #f6c23e;
    --accent-glow: 0 0 20px rgba(246, 194, 62, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #d97706, #f6c23e);
}

/* 5. Theme: Emerald Pro (SB Admin 2 Success) */
.theme-emerald-forest,
.theme-emerald-pro {
    --bg-gradient: linear-gradient(180deg, #064e3b 0%, #0f172a 100%);
    --card-bg: rgba(28, 200, 138, 0.08);
    --card-border: rgba(28, 200, 138, 0.25);
    --card-hover-bg: rgba(28, 200, 138, 0.18);
    --card-hover-border: #1cc88a;
    --text-primary: #f0fdf4;
    --text-secondary: #86efac;
    --accent-color: #1cc88a;
    --accent-glow: 0 0 20px rgba(28, 200, 138, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #059669, #1cc88a);
}

/* 6. Theme: Sky Cyan (SB Admin 2 Info) */
.theme-ocean-breeze,
.theme-sky-cyan {
    --bg-gradient: linear-gradient(180deg, #0c4a6e 0%, #0f172a 100%);
    --card-bg: rgba(54, 185, 204, 0.08);
    --card-border: rgba(54, 185, 204, 0.25);
    --card-hover-bg: rgba(54, 185, 204, 0.18);
    --card-hover-border: #36b9cc;
    --text-primary: #f0f9ff;
    --text-secondary: #7dd3fc;
    --accent-color: #36b9cc;
    --accent-glow: 0 0 20px rgba(54, 185, 204, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #0284c7, #36b9cc);
}

/* 7. Theme: Coral Red (SB Admin 2 Danger) */
.theme-sunset-glow,
.theme-coral-red {
    --bg-gradient: linear-gradient(180deg, #4c0519 0%, #0f172a 100%);
    --card-bg: rgba(231, 74, 59, 0.08);
    --card-border: rgba(231, 74, 59, 0.25);
    --card-hover-bg: rgba(231, 74, 59, 0.18);
    --card-hover-border: #e74a3b;
    --text-primary: #fff1f2;
    --text-secondary: #fda4af;
    --accent-color: #e74a3b;
    --accent-glow: 0 0 20px rgba(231, 74, 59, 0.35);
    --avatar-fallback-bg: linear-gradient(135deg, #be123c, #e74a3b);
}

/* ==========================================================================
   Locale Time-Based Mild Evening Mode (Twilight Theme)
   ========================================================================== */
body.evening-mode {
    background-color: #1a1e29 !important;
    color: #e2e8f0 !important;
}

body.evening-mode #content-wrapper {
    background-color: #1a1e29 !important;
}

body.evening-mode .navbar.topbar,
body.evening-mode .card,
body.evening-mode .sticky-footer {
    background-color: #232838 !important;
    color: #e2e8f0 !important;
    border-color: #2e3447 !important;
}

body.evening-mode .card-header {
    background-color: #282e40 !important;
    border-color: #2e3447 !important;
}

body.evening-mode .text-gray-800,
body.evening-mode .text-gray-900,
body.evening-mode h1, body.evening-mode h2, body.evening-mode h3, body.evening-mode h4, body.evening-mode h5, body.evening-mode h6 {
    color: #ffffff !important;
}

body.evening-mode label,
body.evening-mode .form-label {
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

body.evening-mode .text-gray-700,
body.evening-mode .text-gray-600,
body.evening-mode .text-muted,
body.evening-mode .text-secondary {
    color: #94a3b8 !important;
}

body.evening-mode .link-row-card {
    background-color: #232838 !important;
    border-color: #2e3447 !important;
}

body.evening-mode .form-control,
body.evening-mode .form-select {
    background-color: #151821 !important;
    border-color: #384158 !important;
    color: #f8fafc !important;
    font-weight: 600;
}

body.evening-mode .form-control::placeholder {
    color: #64748b !important;
}

body.evening-mode .form-control:focus,
body.evening-mode .form-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

body.evening-mode .table {
    color: #e2e8f0 !important;
    border-color: #2e3447 !important;
}

body.evening-mode .table thead.table-light {
    background-color: #282e40 !important;
    color: #cbd5e1 !important;
}

body.evening-mode .table thead th {
    background-color: #282e40 !important;
    border-color: #2e3447 !important;
    color: #cbd5e1 !important;
}

body.evening-mode .table td {
    background-color: #232838 !important;
    border-color: #2e3447 !important;
    color: #cbd5e1 !important;
}

body.evening-mode .theme-select-card {
    background-color: #282e40 !important;
    border-color: #333a4d !important;
}

body.evening-mode .theme-select-card.selected {
    border-color: #4e73df !important;
}

body.evening-mode .dropdown-menu {
    background-color: #232838 !important;
    border-color: #2e3447 !important;
}

body.evening-mode .dropdown-item {
    color: #cbd5e1 !important;
}

body.evening-mode .dropdown-item:hover {
    background-color: #2e3447 !important;
    color: #ffffff !important;
}