/* Global Rounded Edges - Applied to all pages */
.card {
    border-radius: 16px !important;
    overflow: hidden;
}
.btn {
    border-radius: 12px !important;
}
.form-control, .form-select {
    border-radius: 12px !important;
}
.modal-content {
    border-radius: 16px !important;
    overflow: hidden;
}
.modal-header {
    border-radius: 16px 16px 0 0;
}
.alert {
    border-radius: 12px !important;
}
.navbar-brand {
    border-radius: 8px;
}
.book-card {
    border-radius: 16px !important;
    overflow: hidden;
}

/* Modern Vibrant Color Scheme */
:root {
    /* Primary gradient - vibrant purple to blue */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --primary-light: #8b9eff;
    
    /* Secondary colors */
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --accent-color: #f5576c;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    
    /* Backgrounds */
    --bg-light: #f8fafc;
    --bg-white: #ffffff;
    --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Text */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-light: #94a3b8;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(102, 126, 234, 0.1);
    --shadow-md: 0 4px 6px rgba(102, 126, 234, 0.15);
    --shadow-lg: 0 10px 20px rgba(102, 126, 234, 0.2);
}

/* Enhanced navbar gradient - ALWAYS consistent across all pages and modes */
/* Use fixed gradient that doesn't change with themes */
.navbar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%) !important;
    box-shadow: 0 4px 6px rgba(102, 126, 234, 0.15) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}

/* Keep navbar consistent across ALL theme modes */
body.classy-mode .navbar,
body.ocean-mode .navbar,
body.forest-mode .navbar,
body.sunset-mode .navbar,
body.lavender-mode .navbar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 6px rgba(102, 126, 234, 0.15) !important;
}

/* Navbar text colors - always white */
.navbar .navbar-brand,
.navbar .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar .nav-link:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.navbar .navbar-brand:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* Enhanced buttons */
.btn-primary {
    background: var(--primary-gradient) !important;
    border: none !important;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    background: linear-gradient(135deg, #5568d3 0%, #6a3d8a 50%, #5568d3 100%) !important;
}

/* Enhanced cards */
.card {
    border: 1px solid rgba(102, 126, 234, 0.1);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}

/* Enhanced book cards */
.book-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* Enhanced book cover gradient */
.book-cover {
    background: var(--bg-gradient) !important;
}

/* Classy Mode Theme - Warm & Elegant */
:root {
    --navbar-bg-warm: linear-gradient(135deg, #3E2723, #5D4037);
    --body-bg-warm: #fdf6e3;
    --text-color-warm: #4e342e;
    --card-bg-warm: #fff8e1;
}

body.classy-mode {
    background-color: var(--body-bg-warm) !important;
    color: var(--text-color-warm) !important;
    font-family: "Georgia", "Times New Roman", serif !important;
}


body.classy-mode .btn-primary {
    background-color: #795548 !important;
    border-color: #5d4037 !important;
}

body.classy-mode .btn-primary:hover {
    background-color: #5d4037 !important;
}

body.classy-mode .card {
    background-color: var(--card-bg-warm) !important;
    border: 1px solid #d7ccc8 !important;
    box-shadow: 5px 5px 15px rgba(62, 39, 35, 0.1);
}

body.classy-mode .card-header {
    background-color: #d7ccc8 !important;
    color: #3e2723 !important;
    border-bottom: 1px solid #a1887f !important;
    font-weight: bold;
}

body.classy-mode .alert-info {
    background-color: #eefebe !important;
    border-color: #dce775 !important;
    color: #33691e !important;
}

body.classy-mode a {
    color: #5d4037;
}
body.classy-mode a:hover {
    color: #3e2723;
    text-decoration: underline;
}

body.classy-mode .nav-link {
    color: rgba(255,255,255,0.9) !important;
}
body.classy-mode .nav-link:hover {
    color: #ffecb3 !important;
}

/* Overrides for Index Hero */
body.classy-mode .hero {
    background: linear-gradient(135deg, #3E2723, #5D4037) !important;
    color: #efebe9 !important;
    border-bottom: 4px solid #8d6e63;
}

/* Overrides for Index Features */
body.classy-mode .feature-icon {
    color: #5d4037 !important;
}

/* Overrides for Book Cover Placeholder */
body.classy-mode .book-cover,
body.classy-mode .bg-gradient {
    background: linear-gradient(135deg, #5D4037 0%, #8D6E63 100%) !important;
}

/* Enhanced default mode colors */
body:not(.classy-mode) .hero {
    background: var(--primary-gradient) !important;
    box-shadow: var(--shadow-md);
}

body:not(.classy-mode) .feature-icon {
    color: var(--primary-color) !important;
    transition: all 0.3s ease;
}

body:not(.classy-mode) .feature-icon:hover {
    color: var(--accent-color) !important;
    transform: scale(1.1);
}

/* Enhanced alerts */
.alert-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border-color: var(--success-color);
    color: #065f46;
}

.alert-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #ef4444;
    color: #991b1b;
}

.alert-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-color: var(--warning-color);
    color: #92400e;
}

.alert-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: var(--info-color);
    color: #1e40af;
}

/* Enhanced form controls */
.form-control:focus, .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* Enhanced badges */
.badge {
    border-radius: 8px;
    padding: 0.4em 0.8em;
    font-weight: 600;
}

.badge-available {
    background: linear-gradient(135deg, var(--success-color), #059669);
    color: white;
}

.badge-unavailable {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

/* ============================================
   COLOR SCHEME SYSTEM - 6 Themes
   ============================================ */

/* Default Scheme (Purple-Blue) - Already defined above in :root */

/* Classy Scheme (Warm Brown) */
body.classy-mode,
html.classy-mode {
    --primary-gradient: linear-gradient(135deg, #3E2723, #5D4037);
    --primary-color: #5D4037;
    --primary-dark: #3E2723;
    --primary-light: #8d6e63;
    --accent-color: #8d6e63;
    --body-bg: #fdf6e3;
    --text-color: #4e342e;
    --text-secondary: #6d4c41;
    --card-bg: #fff8e1;
    --bg-light: #fdf6e3;
    --bg-white: #fff8e1;
    --success-color: #689f38;
    --warning-color: #f57c00;
    --info-color: #0288d1;
}

html.classy-mode {
    background-color: var(--body-bg) !important;
}

body.classy-mode {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
}

body.classy-mode .card {
    background-color: var(--card-bg) !important;
    border-color: #d7ccc8 !important;
    color: var(--text-color) !important;
}

body.classy-mode .btn-primary {
    background: var(--primary-gradient) !important;
    color: #ffecb3 !important;
    border-color: var(--primary-dark) !important;
}

body.classy-mode .btn-primary:hover {
    background: linear-gradient(135deg, #5D4037, #3E2723) !important;
}


body.classy-mode .form-control:focus,
body.classy-mode .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(93, 64, 55, 0.25) !important;
}

body.classy-mode .alert-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
    border-color: var(--success-color) !important;
    color: #2e7d32 !important;
}

body.classy-mode .alert-danger {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%) !important;
    border-color: #d32f2f !important;
    color: #c62828 !important;
}

body.classy-mode .alert-warning {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
    border-color: var(--warning-color) !important;
    color: #e65100 !important;
}

body.classy-mode .alert-info {
    background: linear-gradient(135deg, #e1f5fe 0%, #b3e5fc 100%) !important;
    border-color: var(--info-color) !important;
    color: #01579b !important;
}

body.classy-mode .badge-available {
    background: linear-gradient(135deg, var(--success-color), #558b2f) !important;
}

body.classy-mode a {
    color: var(--primary-color) !important;
}

body.classy-mode a:hover {
    color: var(--primary-dark) !important;
}

body.classy-mode .text-muted {
    color: var(--text-secondary) !important;
}

body.classy-mode .form-label {
    color: var(--text-color) !important;
}

body.classy-mode .form-control,
body.classy-mode .form-select {
    background-color: #ffffff !important;
    border-color: #d7ccc8 !important;
    color: var(--text-color) !important;
}

body.classy-mode .container,
body.classy-mode .container-fluid {
    background-color: transparent !important;
}

body.classy-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.classy-mode .modal-header {
    background-color: var(--primary-color) !important;
    color: #ffecb3 !important;
    border-bottom-color: var(--primary-dark) !important;
}

body.classy-mode .modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.classy-mode .badge {
    color: white !important;
}

body.classy-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.classy-mode .nav-link:hover {
    color: #ffecb3 !important;
}

/* Ocean Scheme (Blue) */
body.ocean-mode,
html.ocean-mode {
    --primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0ea5e9 100%);
    --primary-color: #0ea5e9;
    --primary-dark: #0284c7;
    --primary-light: #38bdf8;
    --accent-color: #06b6d4;
    --body-bg: #f0f9ff;
    --text-color: #0c4a6e;
    --text-secondary: #075985;
    --card-bg: #e0f2fe;
    --bg-light: #f0f9ff;
    --bg-white: #ffffff;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
}

html.ocean-mode {
    background-color: var(--body-bg) !important;
}

body.ocean-mode {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
}

body.ocean-mode .card {
    background-color: var(--card-bg) !important;
    border-color: #7dd3fc !important;
    color: var(--text-color) !important;
}

body.ocean-mode .btn-primary {
    background: var(--primary-gradient) !important;
    border-color: var(--primary-dark) !important;
}

body.ocean-mode .btn-primary:hover {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
}


body.ocean-mode .form-control:focus,
body.ocean-mode .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.25) !important;
}

body.ocean-mode .alert-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    border-color: var(--success-color) !important;
    color: #065f46 !important;
}

body.ocean-mode .alert-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

body.ocean-mode .alert-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border-color: var(--warning-color) !important;
    color: #92400e !important;
}

body.ocean-mode .alert-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    border-color: var(--info-color) !important;
    color: #1e40af !important;
}

body.ocean-mode .badge-available {
    background: linear-gradient(135deg, var(--success-color), #059669) !important;
}

body.ocean-mode a {
    color: var(--primary-color) !important;
}

body.ocean-mode a:hover {
    color: var(--primary-dark) !important;
}

body.ocean-mode .text-muted {
    color: var(--text-secondary) !important;
}

body.ocean-mode .form-label {
    color: var(--text-color) !important;
}

body.ocean-mode .form-control,
body.ocean-mode .form-select {
    background-color: #ffffff !important;
    border-color: #7dd3fc !important;
    color: var(--text-color) !important;
}

body.ocean-mode .container,
body.ocean-mode .container-fluid {
    background-color: transparent !important;
}

body.ocean-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.ocean-mode .modal-header {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-bottom-color: var(--primary-dark) !important;
}

body.ocean-mode .modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.ocean-mode .badge {
    color: white !important;
}

body.ocean-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.ocean-mode .nav-link:hover {
    color: #e0f2fe !important;
}

body.ocean-mode h1,
body.ocean-mode h2,
body.ocean-mode h3,
body.ocean-mode h4,
body.ocean-mode h5,
body.ocean-mode h6 {
    color: var(--text-color) !important;
}

body.ocean-mode .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.ocean-mode .card-title {
    color: var(--text-color) !important;
}

body.ocean-mode .card-text {
    color: var(--text-color) !important;
}

/* Forest Scheme (Green) */
body.forest-mode,
html.forest-mode {
    --primary-gradient: linear-gradient(135deg, #059669 0%, #047857 50%, #059669 100%);
    --primary-color: #059669;
    --primary-dark: #047857;
    --primary-light: #10b981;
    --accent-color: #10b981;
    --body-bg: #f0fdf4;
    --text-color: #14532d;
    --text-secondary: #166534;
    --card-bg: #dcfce7;
    --bg-light: #f0fdf4;
    --bg-white: #ffffff;
    --success-color: #059669;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
}

html.forest-mode {
    background-color: var(--body-bg) !important;
}

body.forest-mode {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
}

body.forest-mode .card {
    background-color: var(--card-bg) !important;
    border-color: #86efac !important;
    color: var(--text-color) !important;
}

body.forest-mode .btn-primary {
    background: var(--primary-gradient) !important;
    border-color: var(--primary-dark) !important;
}

body.forest-mode .btn-primary:hover {
    background: linear-gradient(135deg, #047857, #065f46) !important;
}


body.forest-mode .form-control:focus,
body.forest-mode .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(5, 150, 105, 0.25) !important;
}

body.forest-mode .alert-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    border-color: var(--success-color) !important;
    color: #065f46 !important;
}

body.forest-mode .alert-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

body.forest-mode .alert-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border-color: var(--warning-color) !important;
    color: #92400e !important;
}

body.forest-mode .alert-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    border-color: var(--info-color) !important;
    color: #1e40af !important;
}

body.forest-mode .badge-available {
    background: linear-gradient(135deg, var(--success-color), #047857) !important;
}

body.forest-mode a {
    color: var(--primary-color) !important;
}

body.forest-mode a:hover {
    color: var(--primary-dark) !important;
}

body.forest-mode .text-muted {
    color: var(--text-secondary) !important;
}

body.forest-mode .form-label {
    color: var(--text-color) !important;
}

body.forest-mode .form-control,
body.forest-mode .form-select {
    background-color: #ffffff !important;
    border-color: #86efac !important;
    color: var(--text-color) !important;
}

body.forest-mode .container,
body.forest-mode .container-fluid {
    background-color: transparent !important;
}

body.forest-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.forest-mode .modal-header {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-bottom-color: var(--primary-dark) !important;
}

body.forest-mode .modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.forest-mode .badge {
    color: white !important;
}

body.forest-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.forest-mode .nav-link:hover {
    color: #dcfce7 !important;
}

body.forest-mode h1,
body.forest-mode h2,
body.forest-mode h3,
body.forest-mode h4,
body.forest-mode h5,
body.forest-mode h6 {
    color: var(--text-color) !important;
}

body.forest-mode .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.forest-mode .card-title {
    color: var(--text-color) !important;
}

body.forest-mode .card-text {
    color: var(--text-color) !important;
}

/* Sunset Scheme (Orange) */
body.sunset-mode,
html.sunset-mode {
    --primary-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #f97316 100%);
    --primary-color: #f97316;
    --primary-dark: #ea580c;
    --primary-light: #fb923c;
    --accent-color: #fb923c;
    --body-bg: #fff7ed;
    --text-color: #7c2d12;
    --text-secondary: #9a3412;
    --card-bg: #ffedd5;
    --bg-light: #fff7ed;
    --bg-white: #ffffff;
    --success-color: #10b981;
    --warning-color: #f97316;
    --info-color: #3b82f6;
}

html.sunset-mode {
    background-color: var(--body-bg) !important;
}

body.sunset-mode {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
}

body.sunset-mode .card {
    background-color: var(--card-bg) !important;
    border-color: #fdba74 !important;
    color: var(--text-color) !important;
}

body.sunset-mode .btn-primary {
    background: var(--primary-gradient) !important;
    border-color: var(--primary-dark) !important;
}

body.sunset-mode .btn-primary:hover {
    background: linear-gradient(135deg, #ea580c, #c2410c) !important;
}


body.sunset-mode .form-control:focus,
body.sunset-mode .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.25) !important;
}

body.sunset-mode .alert-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    border-color: var(--success-color) !important;
    color: #065f46 !important;
}

body.sunset-mode .alert-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

body.sunset-mode .alert-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border-color: var(--warning-color) !important;
    color: #92400e !important;
}

body.sunset-mode .alert-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    border-color: var(--info-color) !important;
    color: #1e40af !important;
}

body.sunset-mode .badge-available {
    background: linear-gradient(135deg, var(--success-color), #059669) !important;
}

body.sunset-mode a {
    color: var(--primary-color) !important;
}

body.sunset-mode a:hover {
    color: var(--primary-dark) !important;
}

body.sunset-mode .text-muted {
    color: var(--text-secondary) !important;
}

body.sunset-mode .form-label {
    color: var(--text-color) !important;
}

body.sunset-mode .form-control,
body.sunset-mode .form-select {
    background-color: #ffffff !important;
    border-color: #fdba74 !important;
    color: var(--text-color) !important;
}

body.sunset-mode .container,
body.sunset-mode .container-fluid {
    background-color: transparent !important;
}

body.sunset-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.sunset-mode .modal-header {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-bottom-color: var(--primary-dark) !important;
}

body.sunset-mode .modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.sunset-mode .badge {
    color: white !important;
}

body.sunset-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.sunset-mode .nav-link:hover {
    color: #ffedd5 !important;
}

body.sunset-mode h1,
body.sunset-mode h2,
body.sunset-mode h3,
body.sunset-mode h4,
body.sunset-mode h5,
body.sunset-mode h6 {
    color: var(--text-color) !important;
}

body.sunset-mode .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.sunset-mode .card-title {
    color: var(--text-color) !important;
}

body.sunset-mode .card-text {
    color: var(--text-color) !important;
}

/* Lavender Scheme (Purple) */
body.lavender-mode,
html.lavender-mode {
    --primary-gradient: linear-gradient(135deg, #a855f7 0%, #9333ea 50%, #a855f7 100%);
    --primary-color: #a855f7;
    --primary-dark: #9333ea;
    --primary-light: #c084fc;
    --accent-color: #c084fc;
    --body-bg: #faf5ff;
    --text-color: #581c87;
    --text-secondary: #6b21a8;
    --card-bg: #f3e8ff;
    --bg-light: #faf5ff;
    --bg-white: #ffffff;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
}

html.lavender-mode {
    background-color: var(--body-bg) !important;
}

body.lavender-mode {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
}

body.lavender-mode .card {
    background-color: var(--card-bg) !important;
    border-color: #d8b4fe !important;
    color: var(--text-color) !important;
}

body.lavender-mode .btn-primary {
    background: var(--primary-gradient) !important;
    border-color: var(--primary-dark) !important;
}

body.lavender-mode .btn-primary:hover {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
}


body.lavender-mode .form-control:focus,
body.lavender-mode .form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(168, 85, 247, 0.25) !important;
}

body.lavender-mode .alert-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    border-color: var(--success-color) !important;
    color: #065f46 !important;
}

body.lavender-mode .alert-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

body.lavender-mode .alert-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border-color: var(--warning-color) !important;
    color: #92400e !important;
}

body.lavender-mode .alert-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    border-color: var(--info-color) !important;
    color: #1e40af !important;
}

body.lavender-mode .badge-available {
    background: linear-gradient(135deg, var(--success-color), #059669) !important;
}

body.lavender-mode a {
    color: var(--primary-color) !important;
}

body.lavender-mode a:hover {
    color: var(--primary-dark) !important;
}

body.lavender-mode .text-muted {
    color: var(--text-secondary) !important;
}

body.lavender-mode .form-label {
    color: var(--text-color) !important;
}

body.lavender-mode .form-control,
body.lavender-mode .form-select {
    background-color: #ffffff !important;
    border-color: #d8b4fe !important;
    color: var(--text-color) !important;
}

body.lavender-mode .container,
body.lavender-mode .container-fluid {
    background-color: transparent !important;
}

body.lavender-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.lavender-mode .modal-header {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-bottom-color: var(--primary-dark) !important;
}

body.lavender-mode .modal-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.lavender-mode .badge {
    color: white !important;
}

body.lavender-mode .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.lavender-mode .nav-link:hover {
    color: #f3e8ff !important;
}

body.lavender-mode h1,
body.lavender-mode h2,
body.lavender-mode h3,
body.lavender-mode h4,
body.lavender-mode h5,
body.lavender-mode h6 {
    color: var(--text-color) !important;
}

body.lavender-mode .card-body {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.lavender-mode .card-title {
    color: var(--text-color) !important;
}

body.lavender-mode .card-text {
    color: var(--text-color) !important;
}
