/* DARK THEME OVERRIDES */

:root {
    --bg-primary: #111827;
    --bg-secondary: #1f2937;
    --bg-tertiary: #374151;
    --text-primary: #f9fafb;
    --text-secondary: #d1d5db;
    --border-color: #374151;
    --card-bg: #1f2937;
    --input-bg: #374151;
    --input-border: #4b5563;
}

body.dark-theme {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

.dark-theme .bg-light {
    background-color: var(--bg-secondary) !important;
}

.dark-theme .text-dark {
    color: var(--text-primary) !important;
}

.dark-theme .border-default {
    border-color: var(--border-color) !important;
}

.dark-theme .card-bg {
    background-color: var(--card-bg) !important;
}

.dark-theme .input-field,
.dark-theme .textarea-field {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

.dark-theme .input-field::placeholder,
.dark-theme .textarea-field::placeholder {
    color: var(--text-secondary) !important;
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-tertiary) !important;
}

.dark-theme .alert-success {
    background-color: #065f46 !important;
    color: #d1fae5 !important;
}

.dark-theme .alert-error {
    background-color: #991b1b !important;
    color: #fee2e2 !important;
}

.dark-theme .alert-info {
    background-color: #1e3a8a !important;
    color: #dbeafe !important;
}

.dark-theme .glass-card {
    background: rgba(31, 41, 55, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .hero-gradient {
    background: linear-gradient(135deg, #0f7d0f, #2d5a6d) !important;
}

.dark-theme .gulf-blue-gradient {
    background: linear-gradient(135deg, #003d66, #1a237e) !important;
}

.dark-theme .admin-sidebar-gradient {
    background: linear-gradient(to bottom, #1a2d5c, #1c3a6d) !important;
}

/* Force white SVG icons in dark mode */
.dark-theme .icon-white path,
.dark-theme .icon-white g,
.dark-theme .icon-white circle {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}