/* GalaxyWeb generated theme — client=campbell-can-roofing ts=2026-05-22T20:52:34.963Z */
/* galaxyweb token set. Layout/motion tokens live in templates/galaxyweb/styles.css. */
:root {
  --color-brand-primary: #042494;
  --color-accent: #c99b29;
  --color-accent-hover: #af8200;
  --color-surface-dark: #042494;
  --color-surface-darker: #0a002e;
  --color-border: #163fae;
  --color-surface-light: #ecedff;
  --color-surface-alt: #e2e3f5;
  --color-border-light: #d2d3e4;
  --color-ink: #020200;
  --color-ink-muted: #25251b;
  --color-ink-invert: #ecedff;
  --color-ink-invert-muted: #9c9dad;
  --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;
}

/* ── Operator override: brand accent = logo yellow #fcca02 ────────────────
   Replaces the auto gold with the logo's bright yellow. Bright yellow is
   only legible on dark surfaces, or as a fill with dark text — NOT as small
   text on white (it sits at ~1:1 against white). So it's used by role:
     • fills (buttons, step numbers) → yellow with NAVY text
     • accent text on the dark navy sections (hero, stats, footer) → yellow
     • accent text on light surfaces → navy #042494 (yellow would vanish)
   Re-run with `--from-step 5` so step 4 (theming) doesn't wipe this. */
:root {
  --color-accent: #fcca02;
  --color-accent-hover: #e6b800;
}

/* Yellow fills need dark text — white was illegible on bright yellow */
.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 → navy (bright yellow 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 washes out on the navy header/footer (its background was stripped in
   processing). Sit it on a white card so the navy artwork stays crisp. */
.site-logo img {
  background: #ffffff;
  border-radius: 8px;
  padding: 6px;
  box-sizing: border-box;
}
.footer-brand__logo img {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px;
  box-sizing: border-box;
}