/* ============================================================
   DESIGN TOKENS
   Palette, type families, and the sitewide type baseline.
   Loaded before every other stylesheet so any sheet can rely on them.
============================================================ */
:root {
  --orange: #F05001;
  --navy: #0E1B2E;
  --navy-mid: #162340;
  --white: #FFFFFF;
  --off-white: #F5F3F0;
  --stone: #8A8278;
  --border: rgba(0,0,0,0.1);
  --border-light: rgba(255,255,255,0.1);
  --text: #1C1C1C;
  --font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body,
button,
input,
textarea,
select {
  font-family: var(--font-body);
}

body {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.62;
}

h1, h2 {
  font-family: var(--font-display);
  font-weight: 700;
}

h3, h4, h5, h6 {
  font-family: var(--font-display);
}

button,
.button,
.btn,
.hero-cta,
.hero-cta-v2,
.nav-cta-cold,
.exit-intent-btn,
.policy-cta-btn,
.thank-you-cta,
.faq-cta-primary,
.form-submit {
  font-family: var(--font-body);
  font-weight: 700;
}

@media (max-width: 768px) {
  body { font-size: 16px; }
}