@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;800&display=swap');

/* ============================================================================
   FEFA theme — Bootstrap re-branded through CSS custom properties (no Sass).
   Loaded AFTER bootstrap.min.css so these win. Replaces the Sass `$var`
   overrides that used to live in _variables.scss. Most of Bootstrap re-themes
   for free off --bs-primary-rgb; only the components that bake color at
   Sass-compile time (buttons, card caps, accordion) need explicit overrides.
   ========================================================================== */

:root {
  /* Brand palette (was _variables.scss) — consumed by application.css */
  --light-blue: #00baea;
  --dark-blue: #1c365d;
  --light-gray: #f5f5f5;
  --dark-gray: #d3d7de;

  /* $primary: $light-blue — re-themes .text-primary, .bg-primary, links,
     .border-primary, badges, etc. automatically. */
  --bs-primary: #00baea;
  --bs-primary-rgb: 0, 186, 234;

  /* $body-color */
  --bs-body-color: #1c365d;
  --bs-body-color-rgb: 28, 54, 93;

  /* Links follow $primary */
  --bs-link-color: #00baea;
  --bs-link-color-rgb: 0, 186, 234;
  --bs-link-hover-color: #0095bb;
  --bs-link-hover-color-rgb: 0, 149, 187;
}

/* .btn-primary — button-variant() bakes these at compile time; Bootstrap 5.3
   ships them as component-scoped vars, so we re-point them. Shades match
   Bootstrap's own math (hover ≈15%, active ≈20% toward black). White text is
   enforced in application.css. */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00baea;
  --bs-btn-border-color: #00baea;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #009ec7;
  --bs-btn-hover-border-color: #0095bb;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0095bb;
  --bs-btn-active-border-color: #008cb0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00baea;
  --bs-btn-disabled-border-color: #00baea;
}

.btn-outline-primary {
  --bs-btn-color: #00baea;
  --bs-btn-border-color: #00baea;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00baea;
  --bs-btn-hover-border-color: #00baea;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00baea;
  --bs-btn-active-border-color: #00baea;
  --bs-btn-disabled-color: #00baea;
  --bs-btn-disabled-border-color: #00baea;
}

/* .card-header (was $card-cap-bg / $card-cap-color / $card-cap-padding-y) */
.card {
  --bs-card-cap-padding-y: 1rem;
  --bs-card-cap-color: #fff;
  --bs-card-cap-bg: #1c365d;
}

/* Accordion active state ($accordion-button-active-bg/-color/-icon).
   The active chevron is a data-URI SVG with the fill baked in — swap for white. */
.accordion {
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #1c365d;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* $container-max-widths: xxl customized to 1150px */
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1150px;
  }
}