/* Bootstrap 5.3.8 foundation. Load before styles.css, which owns the approved design. */
:root {
  --bs-font-sans-serif: Arial, Helvetica, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-color: #190c32;
  --bs-body-color-rgb: 25, 12, 50;
  --bs-body-bg: #fff;
  --bs-primary: #24153f;
  --bs-primary-rgb: 36, 21, 63;
  --bs-secondary: #4a1b70;
  --bs-secondary-rgb: 74, 27, 112;
  --bs-warning: #ffd126;
  --bs-warning-rgb: 255, 209, 38;
  --bs-link-color: #4a1b70;
  --bs-link-color-rgb: 74, 27, 112;
  --bs-link-hover-color: #24153f;
  --bs-link-hover-color-rgb: 36, 21, 63;
  --bs-border-color: #e1dce8;
  --bs-border-radius: 0.4375rem;
}

/* Keep the original browser typography metrics despite Bootstrap Reboot. */
body { font-family: inherit; line-height: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: normal; }
svg { vertical-align: baseline; }

/* Bootstrap components remain reusable with the site's palette. */
.btn-primary {
  --bs-btn-color: #100c15;
  --bs-btn-bg: #ffd126;
  --bs-btn-border-color: #ffd126;
  --bs-btn-hover-color: #100c15;
  --bs-btn-hover-bg: #f2c21b;
  --bs-btn-hover-border-color: #f2c21b;
  --bs-btn-active-color: #100c15;
  --bs-btn-active-bg: #e6b815;
  --bs-btn-active-border-color: #e6b815;
  --bs-btn-disabled-color: #100c15;
  --bs-btn-disabled-bg: #ffd126;
  --bs-btn-disabled-border-color: #ffd126;
  --bs-btn-focus-shadow-rgb: 149, 105, 211;
}
.form-control, .form-select {
  background-color: #f7f5fa;
  border-color: #e1dce8;
  color: #190c32;
}
.form-control:focus, .form-select:focus {
  border-color: #9569d3;
  box-shadow: 0 0 0 0.2rem rgb(149 105 211 / 20%);
}

/* Existing homepage geometry takes precedence over component defaults. */
.container-fluid.wrap { --bs-gutter-x: 0; }
.btn.button { border: 0; line-height: normal; }
.btn.button:focus-visible { box-shadow: none; }
.input-wrap .form-select { background-image: none; }
.input-wrap .form-control:focus, .input-wrap .form-select:focus {
  background-color: transparent;
  box-shadow: none;
}

/* Shared navigation to the completed inner pages, beneath the contact footer. */
.footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 24px;
  padding: 18px 5% 22px;
  color: #fff;
  font-size: 12px;
}
.footer-links a:hover { color: #ffd126; text-decoration: underline; }
