/* static/css/main.css */
/* Import base styles */
@import url("base/layout.a87824b1ce96.css");
@import url("base/typography.d2261b5bfd94.css");

/* Import component styles */
@import url("components/buttons.a932798113ab.css");
@import url("components/cards.6d5b79adf803.css");
@import url("components/navbar.3981c0797c55.css");
@import url("components/sidebar.6a3756d15260.css");
@import url("components/forms.ded08a636d28.css");
@import url("components/panels.1bf6b8410292.css");
@import url("components/footer.18b00c2020cf.css");

/* Import theme */
@import url("themes/colors.21e3f1f75062.css");

/* ---------------------------------------------------------------------------
   Badge contrast safety net.
   Bootstrap 5.3 .badge defaults to WHITE text. The "warning" (#ffc107 amber)
   and "info" (#0dcaf0 cyan) backgrounds are LIGHT, so a bare `badge bg-warning`
   or `badge bg-info` renders white-on-light and is effectively unreadable.
   Bootstrap's own .text-bg-warning/.text-bg-info pair these light backgrounds
   with dark text — mirror that here so every status tag stays legible without
   editing each template. !important also overrides stray `text-white` placed
   directly on these badges.
   --------------------------------------------------------------------------- */
.badge.bg-warning { color: #000 !important; }
.badge.bg-info    { color: #000 !important; }

/* Readable amber for TEXT on white/light backgrounds. Bootstrap's .text-warning
   (#ffc107) is ~1.6:1 on white and fails WCAG; use this darker amber (~5:1) when
   amber-toned text is wanted as a heading/body color rather than a badge fill. */
.text-amber-dark { color: #9a6700 !important; }

/* Note: Page-specific styles should be imported directly in the templates that need them */