/* -------------------------------------------------------
   Bootstrap 5 Theme Overrides (Starter)
   Load this AFTER bootstrap.min.css
-------------------------------------------------------- */

:root {
  /* --- Core theme palette --- */
  --bs-primary: #204d74;
  --bs-secondary: #495057;
  --bs-success: #2d6a4f;
  --bs-danger: #d00000;
  --bs-warning: #ffb703;
  --bs-info: #00b4d8;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  /* --- Body --- */
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;

  /* --- Typography --- */
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* --- Borders / rounding --- */
  --bs-border-color: #dee2e6;
  --bs-border-radius: 0.75rem; /* nice modern rounding */
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-sm: 0.5rem;

  /* --- Links --- */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #5a189a;

  /* Optional: focus ring colour */
  --bs-focus-ring-color: rgba(123, 44, 191, 0.25);
}

/* -------------------------------------------------------
   A few practical component tweaks
-------------------------------------------------------- */

/* Buttons: ensure primary looks good in all states */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-bg: #3379b6;
  --bs-btn-hover-border-color: #3379b6;

  --bs-btn-active-bg: #4a148c;
  --bs-btn-active-border-color: #4a148c;
}

/* Make outline primary match */
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}

/* Alerts often look better with a slightly tinted background */
.alert-primary {
  --bs-alert-bg: rgba(123, 44, 191, 0.12);
  --bs-alert-border-color: rgba(123, 44, 191, 0.25);
  --bs-alert-color: #3c096c;
}

/* Optional: slightly softer cards */
.card {
  border-color: var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
}

/* Optional: nicer navbar brand colour if using light navbar */
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link.active {
  color: var(--bs-primary);
}

/* -------------------------------------------------------
   Background utility colors (bg-* and text-bg-*)
-------------------------------------------------------- */

:root {
  /* These are used by bg-* utility classes */
  --bs-primary-rgb: 32, 77, 116;
  --bs-secondary-rgb: 73, 80, 87;
  --bs-success-rgb: 45, 106, 79;
  --bs-danger-rgb: 208, 0, 0;
  --bs-warning-rgb: 255, 183, 3;
  --bs-info-rgb: 0, 180, 216;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  /* Used by Bootstrap "subtle" utility backgrounds (v5.3+) */
  --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.12);
  --bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), 0.12);
  --bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.12);
  --bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.12);
  --bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.12);
  --bs-info-bg-subtle: rgba(var(--bs-info-rgb), 0.12);
  --bs-light-bg-subtle: rgba(var(--bs-light-rgb), 0.65);
  --bs-dark-bg-subtle: rgba(var(--bs-dark-rgb), 0.08);

  /* Used by subtle borders (also v5.3+) */
  --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.30);
  --bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.30);
  --bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.30);
  --bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.30);
  --bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.30);
  --bs-info-border-subtle: rgba(var(--bs-info-rgb), 0.30);
  --bs-light-border-subtle: rgba(var(--bs-light-rgb), 0.70);
  --bs-dark-border-subtle: rgba(var(--bs-dark-rgb), 0.18);

  /* Used by "emphasis" text (v5.3+) */
  --bs-primary-text-emphasis: #3c096c;
  --bs-secondary-text-emphasis: #343a40;
  --bs-success-text-emphasis: #1b4332;
  --bs-danger-text-emphasis: #780000;
  --bs-warning-text-emphasis: #7a4f00;
  --bs-info-text-emphasis: #005f73;
  --bs-light-text-emphasis: #212529;
  --bs-dark-text-emphasis: #212529;
}