/* ==========================================================================
 * Bootstrap 5 Overrides
 *
 * Purpose:     Configure Bootstrap's appearance via CSS custom properties.
 *              This is the single source of truth for how we customize
 *              Bootstrap's default appearance.
 *
 * Load order:  bootstrap.min.css → bootstrap-overrides.css → app.css
 *              (between framework and application code)
 *
 * Bootstrap version targeted: 5.3.3
 * ========================================================================== */

:root {
  /* ─── Brand colors ─────────────────────────────────────────────── */
  --bs-primary: #2D6A4F;
  --bs-primary-rgb: 45, 106, 79;

  /* ─── Border radius ──────────────────────────────────────────────
   * Square corners on tables, form controls, panels, cards.
   * Buttons keep Bootstrap's default rounded corners.              */
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;

  /* ─── Font family ──────────────────────────────────────────────── */
  --bs-body-font-family: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, sans-serif;
  --bs-body-font-size: 0.9rem;
  --bs-body-color: #222;
  --bs-body-bg: #f5f5f5;

  /* ─── Form element spacing / type (standard B: entry 1.1rem) ─── */
  --bs-form-control-padding-x: 0.45rem;
  --bs-form-control-padding-y: 0.25rem;
  --bs-form-control-font-size: 1.1rem;
}

/* ─── Buttons keep rounded corners (override the --bs-border-radius: 0) ── */
.btn {
  --bs-border-radius: 0.375rem;
}
.btn-sm {
  --bs-border-radius: 0.25rem;
}
.btn-lg {
  --bs-border-radius: 0.5rem;
}

/* ─── Map primary to brand green ─────────────────────────────────── */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #1B4332;
  --bs-btn-hover-border-color: #1B4332;
  --bs-btn-active-bg: #1B4332;
  --bs-btn-active-border-color: #1B4332;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.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);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

/* ─── Link color ─────────────────────────────────────────────────── */
a {
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #1B4332;
}

/* Main menubar dropdown — semibold (Bootstrap link reset uses normal weight) */
#menuBar a.menu-dropdown-item {
  font-weight: 600;
}