/* bootstrap-overrides.css */

/* 1. Root Variables */
:root {
  /* Your base colors */
  --blue-accent: #0ca1d2;
  --blue-tint: #f0f8fc;
  --slate-gray: #80919b;
  --slate-gray-darker: #6b7a85;
  --frost: #e3e9ed;
  --orange: #f06f07;
  --navy: #082944;
  --off-white: #f2f7fb;
  --full-white: #ffffff;
  --yellow-tint: #fff4b8;

  --gray-light: #e0e0e0;
  --gray-dark: #444;

  /* Bootstrap button colors mapped to your palette */
  --bs-primary: var(--navy);
  --bs-primary-hover: #061f32; /* optional: slightly darker navy */
  
  --bs-secondary: var(--slate-gray);
  --bs-secondary-hover: var(--slate-gray-darker); /* darker slate gray */
  
  --bs-dark: var(--gray-dark);
  --bs-light: var(--gray-light);
  
  --bs-info: var(--blue-accent);
  --bs-info-hover: #0a8bb2; /* optional darker version */
  
  --bs-success: #28a745; /* default bootstrap green */
  --bs-success-hover: #1e7e34; /* darker green */
  
  --bs-danger: #d9534f; /* Bootstrap default red */
  --bs-danger-hover: #b02a37; /* dark red */
  
  --bs-warning: var(--orange);
  --bs-warning-hover: #c65c02; /* darker orange */

}

/* 2. Text Colors */
.text-primary    { color: var(--bs-primary) !important; }
.text-secondary  { color: var(--bs-secondary) !important; }
.text-info       { color: var(--bs-info) !important; }
.text-success    { color: var(--bs-success) !important; }
.text-danger     { color: var(--bs-danger) !important; }
.text-warning    { color: var(--bs-warning) !important; }
.text-dark       { color: var(--bs-dark) !important; }
.text-light      { color: var(--bs-light) !important; }

/* 3. Background Colors */
.bg-primary    { background-color: var(--bs-primary) !important; }
.bg-secondary  { background-color: var(--bs-secondary) !important; }
.bg-info       { background-color: var(--bs-info) !important; }
.bg-success    { background-color: var(--bs-success) !important; }
.bg-danger     { background-color: var(--bs-danger) !important; }
.bg-warning    { background-color: var(--bs-warning) !important; }
.bg-dark       { background-color: var(--bs-dark) !important; }
.bg-light      { background-color: var(--bs-light) !important; }

/* 4. Border Colors */
.border-primary    { border-color: var(--bs-primary) !important; }
.border-secondary  { border-color: var(--bs-secondary) !important; }
.border-info       { border-color: var(--bs-info) !important; }
.border-success    { border-color: var(--bs-success) !important; }
.border-danger     { border-color: var(--bs-danger) !important; }
.border-warning    { border-color: var(--bs-warning) !important; }
.border-dark       { border-color: var(--bs-dark) !important; }
.border-light      { border-color: var(--bs-light) !important; }

/* 5. Button Colors */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-secondary:hover {
  background-color: var(--bs-secondary-hover);
  border-color: var(--bs-secondary-hover);
}

.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.btn-info:hover {
  background-color: var(--bs-info-hover);
  border-color: var(--bs-info-hover);
}

.btn-success {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}
.btn-success:hover {
  background-color: var(--bs-success-hover);
  border-color: var(--bs-success-hover);
}

.btn-danger {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}
.btn-danger:hover {
  background-color: var(--bs-danger-hover);
  border-color: var(--bs-danger-hover);
}

.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-warning:hover {
  background-color: var(--bs-warning-hover);
  border-color: var(--bs-warning-hover);
}

/* 6. Alerts */
.alert-primary    { background-color: var(--bs-primary); color: #fff; }
.alert-secondary  { background-color: var(--bs-secondary); color: #fff; }
.alert-info       { background-color: var(--bs-info); color: #fff; }
.alert-success    { background-color: var(--bs-success); color: #fff; }
.alert-danger     { background-color: var(--bs-danger); color: #fff; }
.alert-warning    { background-color: var(--bs-warning); color: #000; }
.alert-dark       { background-color: var(--bs-dark); color: #fff; }
.alert-light      { background-color: var(--bs-light); color: #000; }

/* 7. Badges */
.badge-primary    { background-color: var(--bs-primary); }
.badge-secondary  { background-color: var(--bs-secondary); }
.badge-info       { background-color: var(--bs-info); }
.badge-success    { background-color: var(--bs-success); }
.badge-danger     { background-color: var(--bs-danger); }
.badge-warning    { background-color: var(--bs-warning); color: #000; }
.badge-dark       { background-color: var(--bs-dark); }
.badge-light      { background-color: var(--bs-light); color: #000; }

/* 8. Table Row Contextual Classes */
.table-primary {
  --bs-table-bg: var(--bs-primary);
  --bs-table-color: #fff;
}
.table-secondary {
  --bs-table-bg: var(--bs-secondary);
  --bs-table-color: #fff;
}
.table-info {
  --bs-table-bg: var(--blue-tint);
  --bs-table-color: #000; 
}
.table-success {
  --bs-table-bg: var(--bs-success);
  --bs-table-color: #fff;
}
.table-warning {
  --bs-table-bg: var(--bs-warning);
  --bs-table-color: #000;
}
.table-danger {
  --bs-table-bg: var(--bs-danger);
  --bs-table-color: #fff;
}
.table-dark {
  --bs-table-bg: var(--bs-dark);
  --bs-table-color: #fff;
}
.table-light {
  --bs-table-bg: var(--frost);
  --bs-table-color: #000;
}