/* =====================================================
   Force Light Theme - Override Dark Mode Preferences
   ===================================================== */

/* Force light theme variables */
:root {
    --gray-50: #f9fafb !important;
    --gray-100: #f3f4f6 !important;
    --gray-200: #e5e7eb !important;
    --gray-300: #d1d5db !important;
    --gray-400: #9ca3af !important;
    --gray-500: #6b7280 !important;
    --gray-600: #4b5563 !important;
    --gray-700: #374151 !important;
    --gray-800: #1f2937 !important;
    --gray-900: #111827 !important;
    --text-dark: #1a1a1a !important;
    --text-light: #666666 !important;
    --text-lighter: #999999 !important;
    --bg-light: #ffffff !important;
    --bg-lighter: #f5f5f5 !important;
    --bg-card: #fafafa !important;
    --border: #e0e0e0 !important;
    --border-light: #f0f0f0 !important;
    --white: #ffffff !important;
  
    --danger: #e32e21 !important;
    --success: #2da854 !important;
    --warning: #f8ce0c !important;
    --info: #3490dc !important;
}

/* Override any dark mode preferences */
@media (prefers-color-scheme: dark) {
    :root {
        --gray-50: #f9fafb !important;
        --gray-100: #f3f4f6 !important;
        --gray-200: #e5e7eb !important;
        --gray-300: #d1d5db !important;
        --gray-400: #9ca3af !important;
        --gray-500: #6b7280 !important;
        --gray-600: #4b5563 !important;
        --gray-700: #374151 !important;
        --gray-800: #1f2937 !important;
        --gray-900: #111827 !important;
        --text-dark: #1a1a1a !important;
        --text-light: #666666 !important;
        --text-lighter: #999999 !important;
        --bg-light: #ffffff !important;
        --bg-lighter: #f5f5f5 !important;
        --bg-card: #fafafa !important;
        --border: #e0e0e0 !important;
        --border-light: #f0f0f0 !important;
        --white: #ffffff !important;
     
        --danger: #e32e21 !important;
        --success: #2da854 !important;
        --warning: #f8ce0c !important;
        --info: #3490dc !important;
    }
}

/* Additional overrides for specific elements */
body.theme-light,
body {
    background-color: var(--bg-light) !important;
    color: var(--text-dark) !important;
}

/* Ensure all form elements use light theme */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
textarea,
select {
    background: var(--white) !important;
    color: var(--text-dark) !important;
    border-color: var(--border) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    background: var(--white) !important;
    color: var(--text-dark) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(238, 132, 36, 0.1) !important;
}

/* Cards and containers */
.card,
.modal-content,
.dropdown-menu {
    background-color: var(--white) !important;
    border-color: var(--border) !important;
    color: var(--text-dark) !important;
}

/* Text elements */
 h2, h3, h4, h5, h6 {
    color: var(--text-dark) !important;
}

p, span, div {
    color: inherit;
}

/* Links */



/* Placeholders */
::placeholder {
    color: var(--text-light) !important;
    opacity: 0.7;
}