/* pitchbud.io — site overrides. The CSS variables are set in base.html <style>. */
body {
  background: var(--page-bg);
  color: var(--text-dark);
  font-family: var(--font-body);
}
/* Headings inherit color so they don't go invisible on dark sections.
   Sections with white backgrounds get their dark text from body { color: var(--text-dark) } above. */
h1, h2, h3, h4 { color: inherit; }
.btn-dark { background: var(--pb-dark); border-color: var(--pb-dark); }
.btn-dark:hover { background: var(--pb-teal); border-color: var(--pb-teal); }
.btn-primary, .btn-teal { background: var(--pb-teal); border-color: var(--pb-teal); color: #fff; }
.btn-primary:hover, .btn-teal:hover { background: #3a9999; border-color: #3a9999; color: #fff; }
a { color: var(--pb-teal); }
a:hover { color: var(--pb-dark); }
.card { border-radius: 12px; }
.hero h1 { line-height: 1.15; }
.site-footer { background: var(--mm-footer-bg); color: var(--mm-footer-text); }
.site-footer a { color: #e9eef4; }
.site-footer a:hover { color: var(--pb-teal); }