/* ==========================================================================
   Reshape Support — Bootstrap theme overrides
   Base framework: Bootstrap 5.3 (via CDN, see <head> in each page)
   This file only overrides CSS variables / adds small utility classes.
   ========================================================================== */

:root{
  --bs-primary: #24463B;
  --bs-primary-rgb: 36, 70, 59;
  --bs-link-color: #24463B;
  --bs-link-color-rgb: 36, 70, 59;
  --bs-link-hover-color: #17302a;
  --bs-link-hover-color-rgb: 23, 48, 42;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Buttons */
.btn-primary{
  --bs-btn-bg: #24463B;
  --bs-btn-border-color: #24463B;
  --bs-btn-hover-bg: #1b3730;
  --bs-btn-hover-border-color: #17302a;
  --bs-btn-active-bg: #17302a;
  --bs-btn-active-border-color: #17302a;
  --bs-btn-focus-shadow-rgb: 36, 70, 59;
}
.btn-outline-primary{
  --bs-btn-color: #24463B;
  --bs-btn-border-color: #24463B;
  --bs-btn-hover-bg: #24463B;
  --bs-btn-hover-border-color: #24463B;
  --bs-btn-active-bg: #17302a;
  --bs-btn-active-border-color: #17302a;
}
.btn-warning{
  --bs-btn-bg: #C99A3E;
  --bs-btn-border-color: #C99A3E;
  --bs-btn-color: #16281F;
  --bs-btn-hover-bg: #b98a30;
  --bs-btn-hover-border-color: #ad8129;
  --bs-btn-hover-color: #16281F;
  --bs-btn-active-bg: #ad8129;
  --bs-btn-active-color: #16281F;
}

/* Text / background utilities that key off the brand color */
.text-primary{ color: #24463B !important; }
.bg-primary{ background-color: #24463B !important; }
.bg-brand-dark{ background-color: #16281F !important; }
.border-primary{ border-color: #24463B !important; }

.navbar.bg-brand-dark{ background-color: #16281F; }

/* Links inside dark sections */
.link-light-muted{ color: rgba(255,255,255,.75); }
.link-light-muted:hover{ color: #C99A3E; }

/* Step circles used in the "how it works" timeline */
.step-circle{
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  font-weight: 600;
}

/* Icon-only social buttons */
.social-icon{
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

/* Slightly larger container on hero sections for readability */
.hero-lede{ max-width: 640px; }

/* Card hover lift, used on homepage hub links */
.hub-link-card{ transition: transform .15s ease, box-shadow .15s ease; }
.hub-link-card:hover{ transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important; }

/* Footer link reset */
footer a{ text-decoration: none; }
footer a:hover{ text-decoration: underline; }

/* Accordion tag headers on the FAQ page */
.faq-group-label{
  letter-spacing: .04em;
}
