:root, [data-bs-theme=light] {
  --bs-primary: #E43C39;
  --bs-primary-rgb: 228,60,57;
  --bs-primary-text-emphasis: #5B1817;
  --bs-primary-bg-subtle: #FAD8D7;
  --bs-primary-border-subtle: #F4B1B0;
  --bs-secondary: #f2f2f2;
  --bs-secondary-rgb: 242,242,242;
  --bs-secondary-text-emphasis: #616161;
  --bs-secondary-bg-subtle: #FCFCFC;
  --bs-secondary-border-subtle: #FAFAFA;
  --bs-body-font-family: 'Albert Sans', sans-serif;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #E43C39;
  --bs-btn-border-color: #E43C39;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #E85957;
  --bs-btn-hover-border-color: #E7504D;
  --bs-btn-focus-shadow-rgb: 34,9,9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #E96361;
  --bs-btn-active-border-color: #E7504D;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #E43C39;
  --bs-btn-disabled-border-color: #E43C39;
}

.btn-outline-primary {
  --bs-btn-color: #E43C39;
  --bs-btn-border-color: #E43C39;
  --bs-btn-focus-shadow-rgb: 228,60,57;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #E43C39;
  --bs-btn-hover-border-color: #E43C39;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #E43C39;
  --bs-btn-active-border-color: #E43C39;
  --bs-btn-disabled-color: #E43C39;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #E43C39;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f2f2f2;
  --bs-btn-border-color: #f2f2f2;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F4F4F4;
  --bs-btn-hover-border-color: #F3F3F3;
  --bs-btn-focus-shadow-rgb: 36,36,36;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F5F5F5;
  --bs-btn-active-border-color: #F3F3F3;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f2f2f2;
  --bs-btn-disabled-border-color: #f2f2f2;
}

.btn-outline-secondary {
  /* Resting text/border must be readable on light surfaces — the old values
     (#f2f2f2) matched the surface color and rendered the button invisible.
     Use the secondary text-emphasis tone for text and a visible gray border;
     hover/active still fills with the #f2f2f2 secondary surface. */
  --bs-btn-color: #616161;
  --bs-btn-border-color: #adb5bd;
  --bs-btn-focus-shadow-rgb: 173,181,189;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f2f2f2;
  --bs-btn-hover-border-color: #adb5bd;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f2f2f2;
  --bs-btn-active-border-color: #adb5bd;
  --bs-btn-disabled-color: #adb5bd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e2e4e7;
}

/* =============================================================
   Text-contrast fixes — readable foreground utilities (WCAG AA)
   -------------------------------------------------------------
   This themed Bootstrap build retuned the secondary/success/info/
   warning RGB vars for FILLS and BUTTONS, which left the matching
   *text* utilities far too light to read on white / #f8f9fa cards:
     .text-secondary  -> #f2f2f2  (1.1:1)  unreadable
     .text-warning    -> #ffd200  (1.5:1)  unreadable
     .text-info       -> #00b4c9  (2.5:1)  fails AA
     .text-success    -> #00b779  (2.6:1)  fails AA
   The rules below darken ONLY the text color utilities to accessible
   tones (verified >= 4.5:1 on both #fff and #f8f9fa). The .bg-*,
   .btn-*, .badge and .text-bg-* classes are intentionally left alone
   so fills and buttons keep their brand colors. !important is needed
   because Bootstrap's own utilities set color with !important; this
   file loads after bootstrap.min.css so these win.
   ============================================================= */
.text-secondary { color: var(--rt-secondary-text, #616161) !important; } /* was #f2f2f2 -> ~6.2:1 */
.text-success   { color: #146c43 !important; }  /* was #00b779 -> ~6.5:1 */
.text-info      { color: #087990 !important; }  /* was #00b4c9 -> ~5.1:1 */
.text-warning   { color: #8a6d00 !important; }  /* was #ffd200 -> ~4.9:1 */