/*
 * Bootstrap 5.3 compatibility layer.
 * The site design was authored against browser defaults, while Bootstrap's "reboot" changes
 * body font, heading sizes/weights and element margins. These element-level rules restore the
 * original baseline. They load after Bootstrap and before app.css, so every class-based rule in
 * app.css still wins, and Bootstrap components (navbar, modal, forms, utilities) are untouched.
 */
:root {
  --bs-body-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bs-body-bg: #08090C;
  --bs-body-color: #F8FAFC;
  --bs-body-line-height: 1.5;
  --bs-link-color: #EF4444;
  --bs-link-color-rgb: 239, 68, 68;
  --bs-link-hover-color: #DC2626;
  --bs-link-hover-color-rgb: 220, 38, 38;
  --bs-primary: #EF4444;
  --bs-primary-rgb: 239, 68, 68;
  --bs-border-radius: 8px;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: inherit; color: inherit; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
p, dl, blockquote, figure { margin: 1em 0; }
ul, ol { margin: 1em 0; padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
figure, blockquote { margin-left: 40px; margin-right: 40px; }
img, svg { vertical-align: baseline; }
label { display: inline; }
input[type="radio"], input[type="checkbox"] { margin: 3px 3px 0 5px; }
button { border-radius: revert; }
small { font-size: smaller; }