/* Fixality: navy structure, fiery orange accents. */
:root, [data-bs-theme=light] {
  --bs-primary: #101b33;
  --bs-primary-rgb: 16, 27, 51;
  --bs-primary-dark: #0a1224;
  --bs-primary-light: #fff1e6;
  --bs-primary-light-bg: rgba(255, 106, 0, .08);
  --btn-rgb: 16, 27, 51;
  --input-border-color-active: #ff6a00;
  --fixality-orange: #ff6a00;
  --base-clr: #101b33;
  --base-rgb: 16, 27, 51;
  --btn-clr: #101b33;
  --btn-clr-dark: #0a1224;
  --base-title: #101b33;
  --base-white: #101b33;
  --light-clr: #fff1e6;
  --section-light: #fff1e6;
  --primary-clr: #ff6a00;
  --primary-rgb: 255, 106, 0;
}
.dark-theme {
  --base-clr: #ff8a3d;
  --base-rgb: 255, 138, 61;
  --base-title: #ff8a3d;
  --title-clr: #f8fafc;
  --btn-clr: #101b33;
  --btn-clr-dark: #0a1224;
}
[data-bs-theme=dark] {
  --bs-primary: #ff8a3d;
  --bs-primary-rgb: 255, 138, 61;
  --bs-primary-light: #33251f;
  --bs-primary-dark: #ff6a00;
}
.btn--primary, .btn-primary, .btn-dark {
  background-color: #101b33;
  border-color: #101b33;
  color: #fff;
}
.btn--primary:hover, .btn-primary:hover, .btn-dark:hover {
  background-color: #ff6a00;
  border-color: #ff6a00;
  color: #101b33;
}
.form-control:focus, .form-select:focus {
  border-color: #ff6a00;
  box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .16);
}
.main-background-image {
  background-image: radial-gradient(ellipse at top right, #ff6a0014, transparent 55%), linear-gradient(135deg, #f8fafc, #fff1e6) !important;
}
.main-background-image .logo img { width: 64px; height: 64px; object-fit: contain; }
.footer-logo img { width: 64px; height: 64px; object-fit: contain; }
.progress-bar { background-color: #ff6a00; }