/*!
 * Champion Tracker — Bootstrap 5 Theme Override
 * Brand Palette: Primary #095DFF | Secondary #91D115 | Tertiary #DEDAD4
 *
 * USAGE: Include this file AFTER bootstrap.css
 *   <link rel="stylesheet" href="bootstrap.css">
 *   <link rel="stylesheet" href="bootstrap-theme-champion.css">
 *
 * Custom utility classes added:
 *   .btn-tertiary, .bg-tertiary, .text-tertiary, .border-tertiary
 *   .bg-blue-{100–700}, .text-blue-{100–700}
 *   .bg-green-{100–700}, .text-green-{100–700}
 *   .bg-gray-{100–700}, .text-gray-{100–700}
 */

/* =============================================================
   1. BRAND COLOR TOKENS
   Custom CSS properties for all palette shades.
   Use these in your own components to stay on-brand.
   ============================================================= */
:root {
  /* ── Blue scale (lightest → darkest) */
  --ct-blue-100: #A6B2FF;
  --ct-blue-200: #6E88FF;   /* hover state */
  --ct-blue-300: #095DFF;   /* primary */
  --ct-blue-400: #2537D6;
  --ct-blue-500: #292CB3;
  --ct-blue-600: #00236F;
  --ct-blue-700: #000D36;

  /* ── Green scale (lightest → darkest) */
  --ct-green-100: #B0FD1C;
  --ct-green-200: #91D115;  /* secondary */
  --ct-green-300: #73A70E;
  --ct-green-400: #577F08;
  --ct-green-500: #3C5904;
  --ct-green-600: #223601;
  --ct-green-700: #0B1500;

  /* ── Gray / Neutral scale (lightest → darkest) */
  --ct-gray-100: #DEDAD4;   /* tertiary */
  --ct-gray-200: #B7B2AB;
  --ct-gray-300: #908D87;
  --ct-gray-400: #6B6964;
  --ct-gray-500: #494743;
  --ct-gray-600: #282725;
  --ct-gray-700: #121110;
}

/* =============================================================
   2. BOOTSTRAP ROOT VARIABLE OVERRIDES
   Remaps Bootstrap 5 theme tokens to the Champion palette.
   ============================================================= */
:root {
  /* Named color primitives */
  --bs-blue:      #095DFF;
  --bs-indigo:    #292CB3;
  --bs-green:     #91D115;
  --bs-teal:      #73A70E;
  --bs-gray:      #908D87;
  --bs-gray-dark: #282725;

  /* ── Theme colors */
  --bs-primary:          #095DFF;
  --bs-primary-rgb:      9, 93, 255;

  --bs-secondary:        #91D115;
  --bs-secondary-rgb:    145, 209, 21;

  --bs-success:          #91D115;
  --bs-success-rgb:      145, 209, 21;

  --bs-info:             #6E88FF;
  --bs-info-rgb:         110, 136, 255;

  /* Warning & Danger keep Bootstrap defaults — no brand equivalent */

  --bs-light:            #DEDAD4;
  --bs-light-rgb:        222, 218, 212;

  --bs-dark:             #282725;
  --bs-dark-rgb:         40, 39, 37;

  /* ── Links */
  --bs-link-color:             #095DFF;
  --bs-link-color-rgb:         9, 93, 255;
  --bs-link-hover-color:       #6E88FF;
  --bs-link-hover-color-rgb:   110, 136, 255;
  --bs-link-decoration:        underline;

  /* ── Focus ring */
  --bs-focus-ring-color:       rgba(9, 93, 255, 0.25);
  --bs-focus-ring-width:       0.25rem;

  /* ── Body */
  --bs-body-color:             #282725;
  --bs-body-color-rgb:         40, 39, 37;
  --bs-body-bg:                #ffffff;

  /* ── Emphasis / secondary / tertiary text */
  --bs-emphasis-color:         #121110;
  --bs-emphasis-color-rgb:     18, 17, 16;
  --bs-secondary-color:        rgba(40, 39, 37, 0.75);
  --bs-secondary-color-rgb:    40, 39, 37;
  --bs-tertiary-color:         rgba(40, 39, 37, 0.5);
  --bs-tertiary-color-rgb:     40, 39, 37;
  --bs-tertiary-bg:            #DEDAD4;
  --bs-tertiary-bg-rgb:        222, 218, 212;

  /* ── Headings */
  --bs-heading-color:          #121110;

  /* ── Borders */
  --bs-border-color:                 #B7B2AB;
  --bs-border-color-translucent:     rgba(18, 17, 16, 0.175);
  --bs-secondary-border-subtle:      #B7B2AB;
  --bs-primary-border-subtle:        #b3caff;

  /* ── Surface backgrounds */
  --bs-secondary-bg:                 #DEDAD4;
  --bs-secondary-bg-rgb:             222, 218, 212;
  --bs-tertiary-bg:                  #f5f4f2;

  /* ── Subtle backgrounds for alerts/badges */
  --bs-primary-bg-subtle:            #d6e4ff;
  --bs-secondary-bg-subtle:          #edf7d2;
  --bs-success-bg-subtle:            #edf7d2;
  --bs-info-bg-subtle:               #e8ecff;
  --bs-light-bg-subtle:              #f5f4f2;
  --bs-dark-bg-subtle:               #B7B2AB;

  /* ── Subtle text colors */
  --bs-primary-text-emphasis:        #00236F;
  --bs-secondary-text-emphasis:      #223601;
  --bs-success-text-emphasis:        #223601;
  --bs-info-text-emphasis:           #2537D6;
  --bs-light-text-emphasis:          #494743;
  --bs-dark-text-emphasis:           #121110;
}

/* =============================================================
   3. LINKS
   ============================================================= */
a {
  color: #095DFF;
}
a:hover {
  color: #6E88FF;
}

.link-primary {
  color: #095DFF !important;
  text-decoration-color: #095DFF !important;
}
.link-primary:hover,
.link-primary:focus {
  color: #6E88FF !important;
  text-decoration-color: #6E88FF !important;
}

.link-secondary {
  color: #73A70E !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: #577F08 !important;
}

.link-success {
  color: #73A70E !important;
}
.link-success:hover,
.link-success:focus {
  color: #577F08 !important;
}

.link-info {
  color: #6E88FF !important;
}
.link-info:hover,
.link-info:focus {
  color: #095DFF !important;
}

.link-light {
  color: #DEDAD4 !important;
}
.link-dark {
  color: #282725 !important;
}
.link-dark:hover,
.link-dark:focus {
  color: #121110 !important;
}

/* =============================================================
   4. BUTTONS — SOLID VARIANTS
   All use Bootstrap 5.2+ CSS-variable-per-component system.
   ============================================================= */

/* ── Primary (Blue) */
.btn-primary {
  --bs-btn-color:                  #ffffff;
  --bs-btn-bg:                     #095DFF;
  --bs-btn-border-color:           #095DFF;
  --bs-btn-hover-color:            #ffffff;
  --bs-btn-hover-bg:               #2537D6;
  --bs-btn-hover-border-color:     #2537D6;
  --bs-btn-focus-shadow-rgb:       110, 136, 255;
  --bs-btn-active-color:           #ffffff;
  --bs-btn-active-bg:              #2537D6;
  --bs-btn-active-border-color:    #292CB3;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #ffffff;
  --bs-btn-disabled-bg:            #095DFF;
  --bs-btn-disabled-border-color:  #095DFF;
}

/* ── Secondary (Green) */
.btn-secondary {
  --bs-btn-color:                  #121110;
  --bs-btn-bg:                     #91D115;
  --bs-btn-border-color:           #91D115;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #73A70E;
  --bs-btn-hover-border-color:     #73A70E;
  --bs-btn-focus-shadow-rgb:       145, 209, 21;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #577F08;
  --bs-btn-active-border-color:    #577F08;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #121110;
  --bs-btn-disabled-bg:            #91D115;
  --bs-btn-disabled-border-color:  #91D115;
}

/* ── Success (Green — mirrors Secondary) */
.btn-success {
  --bs-btn-color:                  #121110;
  --bs-btn-bg:                     #91D115;
  --bs-btn-border-color:           #91D115;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #73A70E;
  --bs-btn-hover-border-color:     #73A70E;
  --bs-btn-focus-shadow-rgb:       145, 209, 21;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #577F08;
  --bs-btn-active-border-color:    #577F08;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #121110;
  --bs-btn-disabled-bg:            #91D115;
  --bs-btn-disabled-border-color:  #91D115;
}

/* ── Info (Hover Blue) */
.btn-info {
  --bs-btn-color:                  #ffffff;
  --bs-btn-bg:                     #6E88FF;
  --bs-btn-border-color:           #6E88FF;
  --bs-btn-hover-color:            #ffffff;
  --bs-btn-hover-bg:               #095DFF;
  --bs-btn-hover-border-color:     #095DFF;
  --bs-btn-focus-shadow-rgb:       110, 136, 255;
  --bs-btn-active-color:           #ffffff;
  --bs-btn-active-bg:              #2537D6;
  --bs-btn-active-border-color:    #2537D6;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #ffffff;
  --bs-btn-disabled-bg:            #6E88FF;
  --bs-btn-disabled-border-color:  #6E88FF;
}

/* ── Light (Tertiary Gray) */
.btn-light {
  --bs-btn-color:                  #121110;
  --bs-btn-bg:                     #DEDAD4;
  --bs-btn-border-color:           #DEDAD4;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #B7B2AB;
  --bs-btn-hover-border-color:     #B7B2AB;
  --bs-btn-focus-shadow-rgb:       107, 105, 100;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #908D87;
  --bs-btn-active-border-color:    #6B6964;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #6B6964;
  --bs-btn-disabled-bg:            #DEDAD4;
  --bs-btn-disabled-border-color:  #DEDAD4;
}

/* ── Dark */
.btn-dark {
  --bs-btn-color:                  #DEDAD4;
  --bs-btn-bg:                     #282725;
  --bs-btn-border-color:           #282725;
  --bs-btn-hover-color:            #DEDAD4;
  --bs-btn-hover-bg:               #494743;
  --bs-btn-hover-border-color:     #494743;
  --bs-btn-focus-shadow-rgb:       40, 39, 37;
  --bs-btn-active-color:           #DEDAD4;
  --bs-btn-active-bg:              #121110;
  --bs-btn-active-border-color:    #000000;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #DEDAD4;
  --bs-btn-disabled-bg:            #282725;
  --bs-btn-disabled-border-color:  #282725;
}

/* =============================================================
   5. BUTTONS — OUTLINE VARIANTS
   ============================================================= */

/* ── Outline Primary */
.btn-outline-primary {
  --bs-btn-color:                  #095DFF;
  --bs-btn-border-color:           #095DFF;
  --bs-btn-hover-color:            #ffffff;
  --bs-btn-hover-bg:               #095DFF;
  --bs-btn-hover-border-color:     #095DFF;
  --bs-btn-focus-shadow-rgb:       9, 93, 255;
  --bs-btn-active-color:           #ffffff;
  --bs-btn-active-bg:              #095DFF;
  --bs-btn-active-border-color:    #095DFF;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #095DFF;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #095DFF;
  --bs-gradient:                   none;
}

/* ── Outline Secondary */
.btn-outline-secondary {
  --bs-btn-color:                  #73A70E;
  --bs-btn-border-color:           #91D115;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #91D115;
  --bs-btn-hover-border-color:     #91D115;
  --bs-btn-focus-shadow-rgb:       145, 209, 21;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #91D115;
  --bs-btn-active-border-color:    #73A70E;
  --bs-btn-disabled-color:         #91D115;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #91D115;
}

/* ── Outline Success (mirrors Secondary) */
.btn-outline-success {
  --bs-btn-color:                  #73A70E;
  --bs-btn-border-color:           #91D115;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #91D115;
  --bs-btn-hover-border-color:     #91D115;
  --bs-btn-focus-shadow-rgb:       145, 209, 21;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #91D115;
  --bs-btn-active-border-color:    #73A70E;
  --bs-btn-disabled-color:         #91D115;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #91D115;
}

/* ── Outline Info */
.btn-outline-info {
  --bs-btn-color:                  #6E88FF;
  --bs-btn-border-color:           #6E88FF;
  --bs-btn-hover-color:            #ffffff;
  --bs-btn-hover-bg:               #6E88FF;
  --bs-btn-hover-border-color:     #6E88FF;
  --bs-btn-focus-shadow-rgb:       110, 136, 255;
  --bs-btn-active-color:           #ffffff;
  --bs-btn-active-bg:              #6E88FF;
  --bs-btn-active-border-color:    #095DFF;
  --bs-btn-disabled-color:         #6E88FF;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #6E88FF;
}

/* ── Outline Light */
.btn-outline-light {
  --bs-btn-color:                  #DEDAD4;
  --bs-btn-border-color:           #DEDAD4;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #DEDAD4;
  --bs-btn-hover-border-color:     #DEDAD4;
  --bs-btn-focus-shadow-rgb:       222, 218, 212;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #DEDAD4;
  --bs-btn-active-border-color:    #B7B2AB;
  --bs-btn-disabled-color:         #DEDAD4;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #DEDAD4;
}

/* ── Outline Dark */
.btn-outline-dark {
  --bs-btn-color:                  #282725;
  --bs-btn-border-color:           #282725;
  --bs-btn-hover-color:            #DEDAD4;
  --bs-btn-hover-bg:               #282725;
  --bs-btn-hover-border-color:     #282725;
  --bs-btn-focus-shadow-rgb:       40, 39, 37;
  --bs-btn-active-color:           #DEDAD4;
  --bs-btn-active-bg:              #282725;
  --bs-btn-active-border-color:    #121110;
  --bs-btn-disabled-color:         #282725;
  --bs-btn-disabled-bg:            transparent;
  --bs-btn-disabled-border-color:  #282725;
}

/* =============================================================
   6. FORM CONTROLS
   ============================================================= */

/* Focus states */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #6E88FF;
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
  outline: 0;
}

/* Checkboxes & radios */
.form-check-input:checked {
  background-color: #095DFF;
  border-color:     #095DFF;
}
.form-check-input:checked:focus {
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
}
.form-check-input:indeterminate {
  background-color: #095DFF;
  border-color:     #095DFF;
}

/* Toggle switch */
.form-switch .form-check-input:checked {
  background-color: #095DFF;
  border-color:     #095DFF;
}
.form-switch .form-check-input:focus {
  border-color: #6E88FF;
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
}

/* Range input */
.form-range::-webkit-slider-thumb {
  background-color: #095DFF;
}
.form-range::-webkit-slider-thumb:active {
  background-color: #6E88FF;
}
.form-range::-moz-range-thumb {
  background-color: #095DFF;
}
.form-range::-moz-range-thumb:active {
  background-color: #6E88FF;
}

/* Floating label */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: rgba(9, 93, 255, 0.8);
}

/* Input group — active addon border */
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
  border-color: #6E88FF;
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
}

/* Valid state accent */
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #73A70E;
  box-shadow: 0 0 0 0.25rem rgba(145, 209, 21, 0.25);
}
.valid-feedback { color: #577F08; }

/* =============================================================
   7. ALERTS
   ============================================================= */

.alert-primary {
  --bs-alert-color:        #00236F;
  --bs-alert-bg:           #d6e4ff;
  --bs-alert-border-color: #b3caff;
  --bs-alert-link-color:   #00236F;
}

.alert-secondary {
  --bs-alert-color:        #223601;
  --bs-alert-bg:           #edf7d2;
  --bs-alert-border-color: #d4edaa;
  --bs-alert-link-color:   #223601;
}

.alert-success {
  --bs-alert-color:        #223601;
  --bs-alert-bg:           #edf7d2;
  --bs-alert-border-color: #d4edaa;
  --bs-alert-link-color:   #223601;
}

.alert-info {
  --bs-alert-color:        #292CB3;
  --bs-alert-bg:           #e8ecff;
  --bs-alert-border-color: #c5ceff;
  --bs-alert-link-color:   #292CB3;
}

.alert-light {
  --bs-alert-color:        #494743;
  --bs-alert-bg:           #f5f4f2;
  --bs-alert-border-color: #DEDAD4;
  --bs-alert-link-color:   #282725;
}

.alert-dark {
  --bs-alert-color:        #DEDAD4;
  --bs-alert-bg:           #282725;
  --bs-alert-border-color: #494743;
  --bs-alert-link-color:   #DEDAD4;
}

/* =============================================================
   8. BADGES
   ============================================================= */

.badge.bg-primary,   .text-bg-primary   { background-color: #095DFF !important; color: #ffffff !important; }
.badge.bg-secondary, .text-bg-secondary { background-color: #91D115 !important; color: #121110 !important; }
.badge.bg-success,   .text-bg-success   { background-color: #91D115 !important; color: #121110 !important; }
.badge.bg-info,      .text-bg-info      { background-color: #6E88FF !important; color: #ffffff !important; }
.badge.bg-light,     .text-bg-light     { background-color: #DEDAD4 !important; color: #121110 !important; }
.badge.bg-dark,      .text-bg-dark      { background-color: #282725 !important; color: #DEDAD4 !important; }

/* =============================================================
   9. NAV — LINKS, TABS, PILLS, UNDERLINE
   ============================================================= */

.nav-link {
  color: #095DFF;
}
.nav-link:hover,
.nav-link:focus {
  color: #6E88FF;
}
.nav-link.active,
.nav-link.show {
  color: #2537D6;
}
.nav-link.disabled,
.nav-link:disabled {
  color: #908D87;
}

/* Tabs */
.nav-tabs {
  --bs-nav-tabs-border-color:               #B7B2AB;
  --bs-nav-tabs-link-hover-border-color:    #DEDAD4 #DEDAD4 #B7B2AB;
  --bs-nav-tabs-link-active-color:          #095DFF;
  --bs-nav-tabs-link-active-bg:             #ffffff;
  --bs-nav-tabs-link-active-border-color:   #B7B2AB #B7B2AB #ffffff;
}
.nav-tabs .nav-link:hover {
  color: #6E88FF;
}
.nav-tabs .nav-link.active {
  color: #095DFF;
  font-weight: 600;
}

/* Pills */
.nav-pills {
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg:    #095DFF;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #095DFF;
  color: #ffffff;
}
.nav-pills .nav-link:not(.active):hover {
  color: #6E88FF;
}

/* Underline nav (Bootstrap 5.2+) */
.nav-underline {
  --bs-nav-underline-gap:              1rem;
  --bs-nav-underline-border-width:     0.125rem;
  --bs-nav-underline-link-active-color:#095DFF;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  color: #095DFF;
  border-bottom-color: #095DFF;
}

/* =============================================================
   10. NAVBAR
   ============================================================= */

.navbar-brand,
.navbar-light .navbar-brand {
  color: #095DFF;
}
.navbar-brand:hover,
.navbar-light .navbar-brand:hover,
.navbar-brand:focus {
  color: #2537D6;
}

.navbar-light .navbar-nav .nav-link {
  color: #282725;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #6E88FF;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: #095DFF;
}

.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #A6B2FF;
}
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}

/* Bootstrap 5.3 data-bs-theme attribute approach */
[data-bs-theme="light"] .nav-link          { color: #095DFF; }
[data-bs-theme="light"] .nav-link:hover    { color: #6E88FF; }
[data-bs-theme="light"] .nav-link.active   { color: #2537D6; }

/* =============================================================
   11. PAGINATION
   ============================================================= */

.pagination {
  --bs-pagination-color:                #095DFF;
  --bs-pagination-bg:                   #ffffff;
  --bs-pagination-border-color:         #B7B2AB;
  --bs-pagination-hover-color:          #ffffff;
  --bs-pagination-hover-bg:             #095DFF;
  --bs-pagination-hover-border-color:   #095DFF;
  --bs-pagination-focus-color:          #6E88FF;
  --bs-pagination-focus-bg:             #e8ecff;
  --bs-pagination-focus-box-shadow:     0 0 0 0.25rem rgba(9, 93, 255, 0.25);
  --bs-pagination-active-color:         #ffffff;
  --bs-pagination-active-bg:            #095DFF;
  --bs-pagination-active-border-color:  #095DFF;
  --bs-pagination-disabled-color:       #908D87;
  --bs-pagination-disabled-bg:          #ffffff;
  --bs-pagination-disabled-border-color:#B7B2AB;
}

/* =============================================================
   12. PROGRESS BARS
   ============================================================= */

.progress {
  --bs-progress-bar-bg: #095DFF;
  background-color: #DEDAD4;
}
.progress-bar {
  background-color: #095DFF;
}
.progress-bar.bg-secondary { background-color: #91D115 !important; }
.progress-bar.bg-success   { background-color: #91D115 !important; }
.progress-bar.bg-info      { background-color: #6E88FF !important; }
.progress-bar.bg-dark      { background-color: #282725 !important; }

/* =============================================================
   13. LIST GROUPS
   ============================================================= */

.list-group {
  --bs-list-group-color:              #282725;
  --bs-list-group-bg:                 #ffffff;
  --bs-list-group-border-color:       #B7B2AB;
  --bs-list-group-action-color:       #282725;
  --bs-list-group-action-hover-color: #095DFF;
  --bs-list-group-action-hover-bg:    #DEDAD4;
  --bs-list-group-action-active-color:#121110;
  --bs-list-group-action-active-bg:   #B7B2AB;
  --bs-list-group-disabled-color:     #908D87;
  --bs-list-group-disabled-bg:        #ffffff;
  --bs-list-group-active-color:       #ffffff;
  --bs-list-group-active-bg:          #095DFF;
  --bs-list-group-active-border-color:#095DFF;
}

/* =============================================================
   14. ACCORDION
   ============================================================= */

.accordion {
  --bs-accordion-border-color:               #B7B2AB;
  --bs-accordion-btn-focus-border-color:     #6E88FF;
  --bs-accordion-btn-focus-box-shadow:       0 0 0 0.25rem rgba(9, 93, 255, 0.25);
  --bs-accordion-active-color:               #095DFF;
  --bs-accordion-active-bg:                  #f0f4ff;
  --bs-accordion-btn-active-icon:            url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23095DFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c%2fsvg%3e");
}

/* =============================================================
   15. DROPDOWNS
   ============================================================= */

.dropdown-menu {
  --bs-dropdown-border-color:             #B7B2AB;
  --bs-dropdown-link-color:               #282725;
  --bs-dropdown-link-hover-color:         #095DFF;
  --bs-dropdown-link-hover-bg:            #DEDAD4;
  --bs-dropdown-link-active-color:        #ffffff;
  --bs-dropdown-link-active-bg:           #095DFF;
  --bs-dropdown-link-disabled-color:      #908D87;
  --bs-dropdown-header-color:             #908D87;
  --bs-dropdown-divider-bg:               #B7B2AB;
}

/* =============================================================
   16. CARDS
   ============================================================= */

.card {
  --bs-card-border-color:  #B7B2AB;
  --bs-card-cap-bg:        rgba(222, 218, 212, 0.5);
  --bs-card-color:         #282725;
}
.card.border-primary   { border-color: #095DFF  !important; }
.card.border-secondary { border-color: #91D115  !important; }
.card.border-success   { border-color: #91D115  !important; }
.card.border-info      { border-color: #6E88FF  !important; }
.card.border-light     { border-color: #DEDAD4  !important; }
.card.border-dark      { border-color: #282725  !important; }

/* =============================================================
   17. MODALS
   ============================================================= */

.modal {
  --bs-modal-border-color:       #B7B2AB;
  --bs-modal-header-border-color:#B7B2AB;
  --bs-modal-footer-border-color:#B7B2AB;
  --bs-modal-color:              #282725;
}
.modal-header.bg-primary { background-color: #095DFF; color: #ffffff; }
.modal-header.bg-secondary { background-color: #91D115; color: #121110; }

/* =============================================================
   18. TABLES
   ============================================================= */

.table {
  --bs-table-color:        #282725;
  --bs-table-border-color: #B7B2AB;
  --bs-table-striped-color:#282725;
  --bs-table-striped-bg:   rgba(222, 218, 212, 0.3);
  --bs-table-hover-color:  #282725;
  --bs-table-hover-bg:     rgba(9, 93, 255, 0.06);
}

.table-primary {
  --bs-table-color:        #000D36;
  --bs-table-bg:           #d6e4ff;
  --bs-table-border-color: #b3caff;
  --bs-table-striped-bg:   #c7d8ff;
  --bs-table-hover-bg:     #bfd1ff;
}
.table-secondary {
  --bs-table-color:        #0B1500;
  --bs-table-bg:           #edf7d2;
  --bs-table-border-color: #d4edaa;
  --bs-table-striped-bg:   #e4f1c7;
  --bs-table-hover-bg:     #deefc1;
}
.table-success {
  --bs-table-color:        #0B1500;
  --bs-table-bg:           #edf7d2;
  --bs-table-border-color: #d4edaa;
  --bs-table-striped-bg:   #e4f1c7;
  --bs-table-hover-bg:     #deefc1;
}
.table-info {
  --bs-table-color:        #292CB3;
  --bs-table-bg:           #e8ecff;
  --bs-table-border-color: #c5ceff;
  --bs-table-striped-bg:   #dce1ff;
  --bs-table-hover-bg:     #d5dcff;
}
.table-light {
  --bs-table-color:        #282725;
  --bs-table-bg:           #DEDAD4;
  --bs-table-border-color: #B7B2AB;
}
.table-dark {
  --bs-table-color:        #DEDAD4;
  --bs-table-bg:           #282725;
  --bs-table-border-color: #494743;
}

/* =============================================================
   19. TOOLTIPS
   ============================================================= */

.tooltip {
  --bs-tooltip-bg:    #282725;
  --bs-tooltip-color: #DEDAD4;
}
.tooltip .tooltip-arrow::before { border-top-color: #282725; }

/* =============================================================
   20. POPOVERS
   ============================================================= */

.popover {
  --bs-popover-border-color:    #B7B2AB;
  --bs-popover-header-bg:       #DEDAD4;
  --bs-popover-header-color:    #121110;
  --bs-popover-body-color:      #282725;
  --bs-popover-arrow-color:     #DEDAD4;
}

/* =============================================================
   21. TOASTS
   ============================================================= */

.toast {
  --bs-toast-border-color:  #B7B2AB;
  --bs-toast-header-bg:     rgba(222, 218, 212, 0.85);
  --bs-toast-header-color:  #282725;
  --bs-toast-color:         #282725;
  --bs-toast-bg:            rgba(255, 255, 255, 0.85);
}

/* =============================================================
   22. BREADCRUMBS
   ============================================================= */

.breadcrumb {
  --bs-breadcrumb-item-active-color: #282725;
  --bs-breadcrumb-divider-color:     #908D87;
}
.breadcrumb-item a {
  color: #095DFF;
  text-decoration: underline;
}
.breadcrumb-item a:hover {
  color: #6E88FF;
}
.breadcrumb-item.active { color: #282725; }

/* =============================================================
   23. SPINNERS
   ============================================================= */

.text-primary   { color: #095DFF  !important; }
.text-secondary { color: #577F08  !important; }
.text-success   { color: #577F08  !important; }
.text-info      { color: #6E88FF  !important; }
.text-light     { color: #DEDAD4  !important; }
.text-dark      { color: #282725  !important; }
.text-muted,
.text-body-secondary { color: #908D87 !important; }

/* =============================================================
   24. CLOSE BUTTON
   ============================================================= */

.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
}

/* =============================================================
   25. FOCUS RING (Accessibility)
   ============================================================= */

:focus-visible {
  outline: 2px solid rgba(9, 93, 255, 0.75);
  outline-offset: 2px;
}
.btn:focus-visible,
.form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(9, 93, 255, 0.25);
}

/* =============================================================
   26. BACKGROUND & BORDER UTILITIES (Brand theme colors)
   ============================================================= */

.bg-primary   { background-color: #095DFF !important; }
.bg-secondary { background-color: #91D115 !important; }
.bg-success   { background-color: #91D115 !important; }
.bg-info      { background-color: #6E88FF !important; }
.bg-light     { background-color: #DEDAD4 !important; }
.bg-dark      { background-color: #282725 !important; }

.border-primary   { border-color: #095DFF  !important; }
.border-secondary { border-color: #91D115  !important; }
.border-success   { border-color: #91D115  !important; }
.border-info      { border-color: #6E88FF  !important; }
.border-light     { border-color: #DEDAD4  !important; }
.border-dark      { border-color: #282725  !important; }

/* =============================================================
   27. CUSTOM TERTIARY COMPONENT (not in Bootstrap defaults)
   ============================================================= */

.btn-tertiary {
  --bs-btn-color:                  #121110;
  --bs-btn-bg:                     #DEDAD4;
  --bs-btn-border-color:           #DEDAD4;
  --bs-btn-hover-color:            #121110;
  --bs-btn-hover-bg:               #B7B2AB;
  --bs-btn-hover-border-color:     #B7B2AB;
  --bs-btn-focus-shadow-rgb:       107, 105, 100;
  --bs-btn-active-color:           #121110;
  --bs-btn-active-bg:              #908D87;
  --bs-btn-active-border-color:    #908D87;
  --bs-btn-active-shadow:          inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:         #6B6964;
  --bs-btn-disabled-bg:            #DEDAD4;
  --bs-btn-disabled-border-color:  #DEDAD4;
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-tertiary:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color); }
.btn-tertiary:focus-visible { box-shadow: 0 0 0 0.25rem rgba(107, 105, 100, 0.25); outline: 0; }
.btn-tertiary:active,
.btn-tertiary.active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-color); }
.btn-tertiary.disabled,
.btn-tertiary:disabled { background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); color: var(--bs-btn-disabled-color); opacity: 0.65; pointer-events: none; }

.bg-tertiary     { background-color: #DEDAD4 !important; }
.text-tertiary   { color: #DEDAD4 !important; }
.border-tertiary { border-color: #DEDAD4 !important; }

/* =============================================================
   28. FULL BRAND PALETTE — UTILITY CLASSES
   All shades available as .bg-{color}-{step} and .text-{color}-{step}
   ============================================================= */

/* ── Blue */
.bg-blue-100    { background-color: #A6B2FF !important; }
.bg-blue-200    { background-color: #6E88FF !important; }
.bg-blue-300    { background-color: #095DFF !important; }
.bg-blue-400    { background-color: #2537D6 !important; }
.bg-blue-500    { background-color: #292CB3 !important; }
.bg-blue-600    { background-color: #00236F !important; }
.bg-blue-700    { background-color: #000D36 !important; }

.text-blue-100  { color: #A6B2FF !important; }
.text-blue-200  { color: #6E88FF !important; }
.text-blue-300  { color: #095DFF !important; }
.text-blue-400  { color: #2537D6 !important; }
.text-blue-500  { color: #292CB3 !important; }
.text-blue-600  { color: #00236F !important; }
.text-blue-700  { color: #000D36 !important; }

.border-blue-100 { border-color: #A6B2FF !important; }
.border-blue-200 { border-color: #6E88FF !important; }
.border-blue-300 { border-color: #095DFF !important; }
.border-blue-400 { border-color: #2537D6 !important; }
.border-blue-500 { border-color: #292CB3 !important; }
.border-blue-600 { border-color: #00236F !important; }
.border-blue-700 { border-color: #000D36 !important; }

/* ── Green */
.bg-green-100   { background-color: #B0FD1C !important; }
.bg-green-200   { background-color: #91D115 !important; }
.bg-green-300   { background-color: #73A70E !important; }
.bg-green-400   { background-color: #577F08 !important; }
.bg-green-500   { background-color: #3C5904 !important; }
.bg-green-600   { background-color: #223601 !important; }
.bg-green-700   { background-color: #0B1500 !important; }

.text-green-100 { color: #B0FD1C !important; }
.text-green-200 { color: #91D115 !important; }
.text-green-300 { color: #73A70E !important; }
.text-green-400 { color: #577F08 !important; }
.text-green-500 { color: #3C5904 !important; }
.text-green-600 { color: #223601 !important; }
.text-green-700 { color: #0B1500 !important; }

.border-green-100 { border-color: #B0FD1C !important; }
.border-green-200 { border-color: #91D115 !important; }
.border-green-300 { border-color: #73A70E !important; }
.border-green-400 { border-color: #577F08 !important; }
.border-green-500 { border-color: #3C5904 !important; }
.border-green-600 { border-color: #223601 !important; }
.border-green-700 { border-color: #0B1500 !important; }

/* ── Gray */
.bg-gray-100    { background-color: #DEDAD4 !important; }
.bg-gray-200    { background-color: #B7B2AB !important; }
.bg-gray-300    { background-color: #908D87 !important; }
.bg-gray-400    { background-color: #6B6964 !important; }
.bg-gray-500    { background-color: #494743 !important; }
.bg-gray-600    { background-color: #282725 !important; }
.bg-gray-700    { background-color: #121110 !important; }

.text-gray-100  { color: #DEDAD4 !important; }
.text-gray-200  { color: #B7B2AB !important; }
.text-gray-300  { color: #908D87 !important; }
.text-gray-400  { color: #6B6964 !important; }
.text-gray-500  { color: #494743 !important; }
.text-gray-600  { color: #282725 !important; }
.text-gray-700  { color: #121110 !important; }

.border-gray-100 { border-color: #DEDAD4 !important; }
.border-gray-200 { border-color: #B7B2AB !important; }
.border-gray-300 { border-color: #908D87 !important; }
.border-gray-400 { border-color: #6B6964 !important; }
.border-gray-500 { border-color: #494743 !important; }
.border-gray-600 { border-color: #282725 !important; }
.border-gray-700 { border-color: #121110 !important; }