/* ===================================================================
   Dark-theme recolor for index.html / how-it-works.html / about.html / contact.html
   Loaded AFTER style.css — overrides variables + the few hardcoded values
   in style.css so the existing markup/classes render in the same dark
   palette + fonts already live on pricing.html / support.html / agency.html / blog.
   Legal pages (privacy/terms/refund-policy) intentionally stay light — not
   loaded there.
   =================================================================== */

:root {
  --bg: #0B0F19;
  --surface: #111827;
  --surface-2: #0F1626;
  --line: rgba(255,255,255,0.10);
  --text: #F9FAFB;
  --text-2: #9CA3AF;
  --accent: #E30613;
  --primary: #3B82F6;
}

body {
  font-family: 'Manrope', sans-serif;
}
.mono {
  font-family: 'IBM Plex Mono', monospace;
}
h1, h2, h3, h4 {
  font-family: 'Chivo', sans-serif;
}

/* style.css hardcodes these two instead of using a variable */
header.site {
  background: rgba(11,15,25,0.88);
}
.form-field input, .form-field textarea {
  background: #0b1220;
}