/* LOD-AM Bootstrap Theme Overrides - DARK THEME */
/* Load this AFTER bootstrap.min.css to override Bootstrap's defaults */
/* Optimized for accessibility - Option 3: Full Optimization */

:root, [data-bs-theme=light] {
  /* ============================================
     LOD-AM Color Definitions - Dark Theme (Accessibility Optimized)
     ============================================ */
  --lodam-terracotta: #CB6D51;
  --lodam-ochre: #E6B85C;        /* Lightened from #CC8B32 for better contrast */
  --lodam-malachite: #3D9970;
  --lodam-sage: #9DC688;        /* Lightened from #8A9B68 for better contrast */
  --lodam-chalk-white: #F5F0E6;
  --lodam-deep-umber: #4A3F32;  /* Lightened from #3A2E22 for better contrast */
  --lodam-charcoal: #3A2E22;     /* Lightened from #2A241D for better contrast */
  --lodam-burnt-sienna: #D45D3D;
  --lodam-sunset-orange: #F7A852; /* Lightened from #F28C28 for better contrast */
  --lodam-muted-teal: #4A7C7E;
  
  /* ============================================
     Bootstrap Theme Variables - Dark Theme
     ============================================ */
  
  /* Primary Theme Color = Terracotta */
  --bs-primary: var(--lodam-terracotta);
  --bs-primary-bg-subtle: rgba(226, 114, 91, 0.15);
  --bs-primary-border-subtle: rgba(226, 114, 91, 0.3);
  --bs-primary-rgb: 226, 114, 91;
  
  /* Secondary Theme Color = Malachite */
  --bs-secondary: var(--lodam-malachite);
  --bs-secondary-bg-subtle: rgba(61, 153, 112, 0.15);
  --bs-secondary-border-subtle: rgba(61, 153, 112, 0.3);
  --bs-secondary-rgb: 61, 153, 112;
  
  /* Success = Sage Green */
  --bs-success: var(--lodam-sage);
  --bs-success-bg-subtle: rgba(157, 198, 136, 0.15);
  --bs-success-border-subtle: rgba(157, 198, 136, 0.3);
  --bs-success-rgb: 157, 198, 136;
  
  /* Info = Ochre */
  --bs-info: var(--lodam-ochre);
  --bs-info-bg-subtle: rgba(230, 184, 92, 0.15);
  --bs-info-border-subtle: rgba(230, 184, 92, 0.3);
  --bs-info-rgb: 230, 184, 92;
  
  /* Warning = Sunset Orange */
  --bs-warning: var(--lodam-sunset-orange);
  --bs-warning-bg-subtle: rgba(247, 168, 82, 0.15);
  --bs-warning-border-subtle: rgba(247, 168, 82, 0.3);
  --bs-warning-rgb: 247, 168, 82;
  
  /* Danger = Burnt Sienna */
  --bs-danger: var(--lodam-burnt-sienna);
  --bs-danger-bg-subtle: rgba(212, 93, 61, 0.15);
  --bs-danger-border-subtle: rgba(212, 93, 61, 0.3);
  --bs-danger-rgb: 212, 93, 61;
  
  /* Light = Deep Umber (darker) */
  --bs-light: var(--lodam-deep-umber);
  --bs-light-rgb: 74, 63, 50;
  
  /* Dark = Charcoal (darkest) */
  --bs-dark: var(--lodam-charcoal);
  --bs-dark-rgb: 58, 46, 34;
  
  /* Body colors - DARK background */
  --bs-body-color: var(--lodam-chalk-white);
  --bs-body-color-rgb: 245, 240, 230;
  --bs-body-bg: var(--lodam-deep-umber);
  --bs-body-bg-rgb: 74, 63, 50;
  
  /* Link colors */
  --bs-link-color: var(--lodam-terracotta);
  --bs-link-color-rgb: 226, 114, 91;
  --bs-link-hover-color: #F09B86;
  --bs-link-hover-color-rgb: 240, 155, 134;
  
  /* Border and focus */
  --bs-border-color: rgba(245, 240, 230, 0.15);
  --bs-border-color-translucent: rgba(245, 240, 230, 0.1);
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(226, 114, 91, 0.4);
  
  /* Font */
  --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Button colors - adjusted for dark theme */
  --bs-btn-color: var(--lodam-chalk-white);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem;
  
  /* Primary Button */
  --bs-primary-btn-color: var(--lodam-chalk-white);
  --bs-primary-btn-bg: var(--lodam-burnt-sienna);
  --bs-primary-btn-border-color: var(--lodam-burnt-sienna);
  --bs-primary-btn-hover-color: var(--lodam-chalk-white);
  --bs-primary-btn-hover-bg: #b84a2f;
  --bs-primary-btn-hover-border-color: #c15845;
  --bs-primary-btn-active-color: var(--lodam-chalk-white);
  --bs-primary-btn-active-bg: #9f432c;
  --bs-primary-btn-active-border-color: #933e28;
  --bs-primary-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-primary-btn-disabled-color: var(--lodam-chalk-white);
  --bs-primary-btn-disabled-bg: var(--lodam-burnt-sienna);
  --bs-primary-btn-disabled-border-color: var(--lodam-burnt-sienna);
  --bs-primary-btn-focus-shadow-rgb: 226, 114, 91;
  
  /* Secondary Button */
  --bs-secondary-btn-color: var(--lodam-chalk-white);
  --bs-secondary-btn-bg: var(--lodam-malachite);
  --bs-secondary-btn-border-color: var(--lodam-malachite);
  --bs-secondary-btn-hover-color: var(--lodam-chalk-white);
  --bs-secondary-btn-hover-bg: #32825d;
  --bs-secondary-btn-hover-border-color: #2e7855;
  --bs-secondary-btn-active-color: var(--lodam-chalk-white);
  --bs-secondary-btn-active-bg: #296e48;
  --bs-secondary-btn-active-border-color: #266542;
  --bs-secondary-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-secondary-btn-disabled-color: var(--lodam-chalk-white);
  --bs-secondary-btn-disabled-bg: var(--lodam-malachite);
  --bs-secondary-btn-disabled-border-color: var(--lodam-malachite);
  --bs-secondary-btn-focus-shadow-rgb: 61, 153, 112;
  
  /* Success Button */
  --bs-success-btn-color: var(--lodam-charcoal);
  --bs-success-btn-bg: var(--lodam-sage);
  --bs-success-btn-border-color: var(--lodam-sage);
  --bs-success-btn-hover-color: var(--lodam-charcoal);
  --bs-success-btn-hover-bg: #758658;
  --bs-success-btn-hover-border-color: #6d7e52;
  --bs-success-btn-active-color: var(--lodam-charcoal);
  --bs-success-btn-active-bg: #63744b;
  --bs-success-btn-active-border-color: #5c6d45;
  --bs-success-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-success-btn-disabled-color: var(--lodam-charcoal);
  --bs-success-btn-disabled-bg: var(--lodam-sage);
  --bs-success-btn-disabled-border-color: var(--lodam-sage);
  --bs-success-btn-focus-shadow-rgb: 157, 198, 136;
  
  /* Info Button */
  --bs-info-btn-color: var(--lodam-charcoal);
  --bs-info-btn-bg: var(--lodam-ochre);
  --bs-info-btn-border-color: var(--lodam-ochre);
  --bs-info-btn-hover-color: var(--lodam-charcoal);
  --bs-info-btn-hover-bg: #d4a85c;
  --bs-info-btn-hover-border-color: #c99a52;
  --bs-info-btn-active-color: var(--lodam-charcoal);
  --bs-info-btn-active-bg: #b8924d;
  --bs-info-btn-active-border-color: #a98546;
  --bs-info-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-info-btn-disabled-color: var(--lodam-charcoal);
  --bs-info-btn-disabled-bg: var(--lodam-ochre);
  --bs-info-btn-disabled-border-color: var(--lodam-ochre);
  --bs-info-btn-focus-shadow-rgb: 230, 184, 92;
  
  /* Warning Button */
  --bs-warning-btn-color: var(--lodam-charcoal);
  --bs-warning-btn-bg: var(--lodam-sunset-orange);
  --bs-warning-btn-border-color: var(--lodam-sunset-orange);
  --bs-warning-btn-hover-color: var(--lodam-charcoal);
  --bs-warning-btn-hover-bg: #e09a52;
  --bs-warning-btn-hover-border-color: #d48c48;
  --bs-warning-btn-active-color: var(--lodam-charcoal);
  --bs-warning-btn-active-bg: #ca8646;
  --bs-warning-btn-active-border-color: #be783f;
  --bs-warning-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-warning-btn-disabled-color: var(--lodam-charcoal);
  --bs-warning-btn-disabled-bg: var(--lodam-sunset-orange);
  --bs-warning-btn-disabled-border-color: var(--lodam-sunset-orange);
  --bs-warning-btn-focus-shadow-rgb: 247, 168, 82;
  
  /* Danger Button */
  --bs-danger-btn-color: var(--lodam-chalk-white);
  --bs-danger-btn-bg: var(--lodam-burnt-sienna);
  --bs-danger-btn-border-color: var(--lodam-burnt-sienna);
  --bs-danger-btn-hover-color: var(--lodam-chalk-white);
  --bs-danger-btn-hover-bg: #b84f34;
  --bs-danger-btn-hover-border-color: #a84830;
  --bs-danger-btn-active-color: var(--lodam-chalk-white);
  --bs-danger-btn-active-bg: #9f432c;
  --bs-danger-btn-active-border-color: #933e28;
  --bs-danger-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-danger-btn-disabled-color: var(--lodam-chalk-white);
  --bs-danger-btn-disabled-bg: var(--lodam-burnt-sienna);
  --bs-danger-btn-disabled-border-color: var(--lodam-burnt-sienna);
  --bs-danger-btn-focus-shadow-rgb: 212, 93, 61;
  
  /* Form colors */
  --bs-form-control-color: var(--lodam-chalk-white);
  --bs-form-control-bg: var(--lodam-charcoal);
  --bs-form-control-border-color: rgba(245, 240, 230, 0.15);
  --bs-form-control-focus-border-color: var(--lodam-terracotta);
  --bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(226, 114, 91, 0.35);
  
  /* Card colors */
  --bs-card-bg: var(--lodam-charcoal);
  --bs-card-border-color: rgba(245, 240, 230, 0.08);
  --bs-card-title-color: var(--lodam-chalk-white);
  
  /* Navbar colors */
  --bs-navbar-color: rgba(245, 240, 230, 0.9);
  --bs-navbar-hover-color: var(--lodam-chalk-white);
  --bs-navbar-active-color: var(--lodam-chalk-white);
  --bs-navbar-brand-color: var(--lodam-chalk-white);
  --bs-navbar-brand-hover-color: rgba(245, 240, 230, 0.95);
  
  /* Footer colors */
  --bs-footer-bg: var(--lodam-charcoal);
  --bs-footer-color: rgba(245, 240, 230, 0.7);
}

/* Override Bootstrap's .btn class inline variables */
/* Bootstrap defines these INSIDE the .btn class, so we need to override them there too */
.btn {
  --bs-btn-color: var(--lodam-chalk-white);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--lodam-chalk-white);
  --bs-btn-hover-bg: rgba(226, 114, 91, 0.2);
  --bs-btn-hover-border-color: rgba(226, 114, 91, 0.4);
  --bs-btn-active-color: var(--lodam-chalk-white);
  --bs-btn-active-bg: rgba(226, 114, 91, 0.3);
  --bs-btn-active-border-color: rgba(226, 114, 91, 0.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-chalk-white);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 226, 114, 91;
}

/* Override specific button color classes */
.btn-primary {
  --bs-btn-color: var(--lodam-chalk-white);
  --bs-btn-bg: var(--lodam-burnt-sienna);
  --bs-btn-border-color: var(--lodam-burnt-sienna);
  --bs-btn-hover-color: var(--lodam-chalk-white);
  --bs-btn-hover-bg: #b84a2f;
  --bs-btn-hover-border-color: #c15845;
  --bs-btn-active-color: var(--lodam-chalk-white);
  --bs-btn-active-bg: #9f432c;
  --bs-btn-active-border-color: #933e28;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-chalk-white);
  --bs-btn-disabled-bg: var(--lodam-burnt-sienna);
  --bs-btn-disabled-border-color: var(--lodam-burnt-sienna);
  --bs-btn-focus-shadow-rgb: 226, 114, 91;
}

.btn-secondary {
  --bs-btn-color: var(--lodam-chalk-white);
  --bs-btn-bg: var(--lodam-malachite);
  --bs-btn-border-color: var(--lodam-malachite);
  --bs-btn-hover-color: var(--lodam-chalk-white);
  --bs-btn-hover-bg: #32825d;
  --bs-btn-hover-border-color: #2e7855;
  --bs-btn-active-color: var(--lodam-chalk-white);
  --bs-btn-active-bg: #296e48;
  --bs-btn-active-border-color: #266542;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-chalk-white);
  --bs-btn-disabled-bg: var(--lodam-malachite);
  --bs-btn-disabled-border-color: var(--lodam-malachite);
  --bs-btn-focus-shadow-rgb: 61, 153, 112;
}

.btn-success {
  --bs-btn-color: var(--lodam-charcoal);
  --bs-btn-bg: var(--lodam-sage);
  --bs-btn-border-color: var(--lodam-sage);
  --bs-btn-hover-color: var(--lodam-charcoal);
  --bs-btn-hover-bg: #758658;
  --bs-btn-hover-border-color: #6d7e52;
  --bs-btn-active-color: var(--lodam-charcoal);
  --bs-btn-active-bg: #63744b;
  --bs-btn-active-border-color: #5c6d45;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-charcoal);
  --bs-btn-disabled-bg: var(--lodam-sage);
  --bs-btn-disabled-border-color: var(--lodam-sage);
  --bs-btn-focus-shadow-rgb: 157, 198, 136;
}

.btn-info {
  --bs-btn-color: var(--lodam-charcoal);
  --bs-btn-bg: var(--lodam-ochre);
  --bs-btn-border-color: var(--lodam-ochre);
  --bs-btn-hover-color: var(--lodam-charcoal);
  --bs-btn-hover-bg: #d4a85c;
  --bs-btn-hover-border-color: #c99a52;
  --bs-btn-active-color: var(--lodam-charcoal);
  --bs-btn-active-bg: #b8924d;
  --bs-btn-active-border-color: #a98546;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-charcoal);
  --bs-btn-disabled-bg: var(--lodam-ochre);
  --bs-btn-disabled-border-color: var(--lodam-ochre);
  --bs-btn-focus-shadow-rgb: 230, 184, 92;
}

.btn-warning {
  --bs-btn-color: var(--lodam-charcoal);
  --bs-btn-bg: var(--lodam-sunset-orange);
  --bs-btn-border-color: var(--lodam-sunset-orange);
  --bs-btn-hover-color: var(--lodam-charcoal);
  --bs-btn-hover-bg: #e09a52;
  --bs-btn-hover-border-color: #d48c48;
  --bs-btn-active-color: var(--lodam-charcoal);
  --bs-btn-active-bg: #ca8646;
  --bs-btn-active-border-color: #be783f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-charcoal);
  --bs-btn-disabled-bg: var(--lodam-sunset-orange);
  --bs-btn-disabled-border-color: var(--lodam-sunset-orange);
  --bs-btn-focus-shadow-rgb: 247, 168, 82;
}

.btn-danger {
  --bs-btn-color: var(--lodam-chalk-white);
  --bs-btn-bg: var(--lodam-burnt-sienna);
  --bs-btn-border-color: var(--lodam-burnt-sienna);
  --bs-btn-hover-color: var(--lodam-chalk-white);
  --bs-btn-hover-bg: #b84f34;
  --bs-btn-hover-border-color: #a84830;
  --bs-btn-active-color: var(--lodam-chalk-white);
  --bs-btn-active-bg: #9f432c;
  --bs-btn-active-border-color: #933e28;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--lodam-chalk-white);
  --bs-btn-disabled-bg: var(--lodam-burnt-sienna);
  --bs-btn-disabled-border-color: var(--lodam-burnt-sienna);
  --bs-btn-focus-shadow-rgb: 212, 93, 61;
}