/* GalaxyWeb generated theme — client=all-in-mechanical */
/* Operator override: pure black & white, clean minimal premium style.
   Matches the All In Mechanical logo. AMG-specialist positioning: no
   third colour, restraint signals premium. */
:root {
  /* Brand / accent — pure black, no colour accent at all */
  --color-brand-primary:    #000000;
  --color-accent:           #000000;
  --color-accent-hover:     #333333;

  /* Surfaces — crisp white body, pure black header/footer, dark hero */
  --color-surface-dark:     #0a0a0a;   /* hero band, dark CTAs */
  --color-surface-darker:   #000000;   /* header, footer */
  --color-surface-light:    #ffffff;   /* body bg — crisp white */
  --color-surface-alt:      #f5f5f5;   /* alternating sections — soft grey */
  --color-border:           #2a2a2a;
  --color-border-light:     #e5e5e5;

  /* Ink — dark text on light surfaces, light text on dark */
  --color-ink:              #111111;
  --color-ink-muted:        #555555;
  --color-ink-invert:       #ffffff;
  --color-ink-invert-muted: #b8b8b8;

  --font-heading: 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:    'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;
}

/* Header: pure black */
.site-header {
  background: var(--color-surface-darker) !important;
}

/* Hero quote form: white card on the dark hero band — showroom feel */
.hero__sidebar,
.quote-form,
.quote-form-card,
form.quote-form,
#quote-form,
.quote {
  background: #ffffff !important;
  color: #0a0a0a;
}
.hero__sidebar input,
.hero__sidebar textarea,
.hero__sidebar select,
.quote-form input,
.quote-form textarea,
.quote-form select,
#quote-form input,
#quote-form textarea,
#quote-form select {
  background: #fafafa;
  color: #0a0a0a;
  border-color: #0a0a0a;
}
.hero__sidebar label,
.quote-form label,
#quote-form label {
  color: #0a0a0a;
}

/* Contact-page form: same white-card treatment, with a hairline border
   so it doesn't visually float on the white body */
.contact-form-card {
  background: #ffffff !important;
  color: #0a0a0a;
  border: 1px solid var(--color-border-light);
}
.contact-form-card .section-heading,
.contact-form-card label,
.contact-form-card legend,
.contact-form-card h2,
.contact-form-card h3 {
  color: #0a0a0a !important;
}
.contact-form-card input,
.contact-form-card textarea,
.contact-form-card select {
  background: #fafafa;
  color: #0a0a0a;
  border-color: #0a0a0a;
}

/* Footer: soft-grey text on pure black, white on hover */
.site-footer,
.footer,
.footer p,
.footer a,
.footer li,
.footer span,
.footer .footer-link,
.footer .footer-heading {
  color: var(--color-ink-invert-muted) !important;
}
.footer a:hover {
  color: #ffffff !important;
}

/* Service card titles: pure black, no coloured accent */
.service-card__title {
  color: #0a0a0a !important;
}

/* Premium-feel typography: tighten letter-spacing on display headings.
   Subtle (-0.02em), but it's the visual cue that separates "tradie site"
   from "designed site". */
h1, h2,
.hero__heading,
.section-heading {
  letter-spacing: -0.02em;
}