/* GalaxyWeb theme — client=in-and-out-insulation (operator override)
   The auto-extracted theme landed on dark-mustard primary (#866c04) because
   it sampled the gold logo elements and missed that the logo's true ground
   is BLACK. The real brand is black + gold + white — a premium pairing,
   like a luxury insulation specialist mark. Rewrote to match.
   Re-run with `--from-step 5` so step 4 doesn't wipe this. */
:root {
  /* Brand / accent — black ground, vivid logo gold accent */
  --color-brand-primary:    #000000;       /* near-black, like the logo ground */
  --color-accent:           #e6c74c;       /* logo gold */
  --color-accent-hover:     #d4b53b;

  /* Surfaces — crisp white body, black for hero/header/footer */
  --color-surface-light:    #ffffff;       /* body */
  --color-surface-alt:      #fafaf5;       /* alt sections — a hair warm */
  --color-surface-dark:     #0a0a0a;       /* hero band, dark CTAs */
  --color-surface-darker:   #000000;       /* header, footer */
  --color-border:           #1a1a1a;
  --color-border-light:     #e8e3d4;       /* warm cream border */

  /* Ink */
  --color-ink:              #0a0a0a;
  --color-ink-muted:        #555555;
  --color-ink-invert:       #ffffff;
  --color-ink-invert-muted: #cccccc;

  --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;
}

/* ── Accent contrast scoping (same pattern as Campbell) ──────────────────
   Bright gold #e6c74c is only legible on dark surfaces, or as a fill with
   dark text — NOT as small text on white (~3:1 against white, below AA).
   Used by role:
     • fills (buttons, step numbers) → gold with BLACK text
     • accent text on the black sections (hero, stats, footer) → gold
     • accent text on light surfaces → black (gold would be unreadable) */

/* Yellow fills need dark text — white was illegible on bright gold */
.btn-primary,
.btn-header-cta,
.process-step__number { color: var(--color-brand-primary); }
.btn-primary:hover,
.btn-header-cta:hover {
  background: var(--color-accent-hover);
  color: var(--color-brand-primary);
}
.footer-social a:hover { color: var(--color-brand-primary); }

/* Accent text on LIGHT surfaces → black (bright gold is unreadable on white) */
.form-success__icon,
.trust-item__value em,
.section-label,
.service-card__price,
.service-card__inclusions li svg,
.service-card__cta,
.testimonial-card__stars,
.timeline-item__year,
.value-card__icon,
.service-block__price,
.service-block__inclusions li svg,
.contact-info-item svg { color: var(--color-brand-primary); }

/* Logo lives on a black ground in the artwork itself, so the black
   header/footer is a seamless background — no white card needed here. */