/* DB Custom Garage — brand theme. Loaded after shared global.css via BaseLayout.
   Fonts: Montserrat body/title/accent (self-hosted via Astro fonts;
   --font-families--* values are emitted by <Font> in BaseLayout).
   Palette: onyx + orange. gold-bright = orange-400 for dark bg (footer brand, hover). */
:root {
  --colors--gold: #ea580c;
  --colors--gold-bright: #fb923c;
  --colors--amber: #f97316;
  /* Subheadline renders on white hero bg — #ea580c fails WCAG AA (3.55:1).
     Darker orange (orange-700) = 5.18:1. Keeps brand family, passes contrast. */
  --colors--gold-on-light: #c2410c;
}

.hero-text-details .subheadline {
  color: var(--colors--gold-on-light);
}

/* CTA banner sits on --colors--gold (orange). White text/button = 3.55:1
   contrast fail; onyx on orange passes with large margin. Same dark-on-light
   treatment as the hero subheadline above. */
.marketing-section .marketing-heading,
.marketing-section .pure-text {
  color: var(--colors--pure);
}
.marketing-section .secondary-button {
  border-color: var(--colors--pure);
  color: var(--colors--pure);
}
.marketing-section .secondary-button:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
