/* DESIGN — the Rock Service Pros family look, shared by all five Rock sites (rock, rock-hvac, rock-plumbing,
   rock-electrical, rock-appliance). Copied from the live sites on Oct 30, 2026: all five publish the same :root tokens
   (purple #841b80, deep purple #451044, mint #87d8c8 actions with #173d35 text, ink #231e26, paper #fbfaf8,
   muted #625b65, line #ddd8df) and Inter 400–900. Header purple, utility bar + callouts deep purple, footer #211b24.
   Only the logo differs per site (brand.json). The template never overrides this file. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

:root {
  --purple: #841b80;
  --purple-dark: #451044;
  --mint: #87d8c8;
  --ink: #231e26;
  --paper: #fbfaf8;
  --muted: #625b65;
  --line: #ddd8df;

  --cheers-component-background: var(--paper);
  --cheers-component-surface: #ffffff;
  --cheers-component-surface-hover: #eee9ef;
  --cheers-component-text: var(--ink);
  --cheers-component-muted: var(--muted);
  --cheers-component-heading: var(--ink);
  --cheers-component-accent: var(--purple);
  --cheers-component-focus: #841b80;
  --cheers-component-border: var(--line);
  --cheers-component-action-text: #ffffff;
  --cheers-component-font: Inter, ui-sans-serif, system-ui, sans-serif;

  --site-bar-background: var(--purple-dark);
  --site-bar-text: #ffffff;
  --site-header-text: #ffffff;
  --site-header-border: #841b80;
  --site-header-action: #87d8c8;
  --site-header-action-text: #173d35;
  --site-hero-action: var(--mint);
  --site-hero-action-text: #173d35;
  --site-hero-accent: #87d8c8;
  --site-hero-secondary-text: #ffffff;
  --site-button-bg: #87d8c8;
  --site-button-text: #173d35;
  --site-final-background: #451044;
  --site-final-heading: #ffffff;
  --site-final-text: #ffffff;
  --site-final-action: #87d8c8;
  --site-final-action-text: #173d35;
  --site-footer-background: #211b24;
  --site-footer-text: #ffffff;
  --site-footer-heading: #87d8c8;
  --site-photo-tint: #16222a;
  /* Service-area map: purple counties, deep purple dots. */
  --site-map-fill: var(--purple);
  --site-map-dot: var(--purple-dark);
  /* CTA pair (sticky bar + mobile menu): Call mint with dark text (like every Rock button), Book purple with white text. */
  --site-action-bar-call: var(--mint);
  --site-action-bar-call-text: #173d35;
  --site-action-bar-book: var(--purple);
  --site-action-bar-book-text: #ffffff;

  --cheers-reviews-background: #451044;
  --cheers-reviews-text: #ffffff;
  --cheers-reviews-strong: #ffffff;
  --cheers-reviews-muted: #e0d0e1;
  --cheers-reviews-wordmark-filter: brightness(0) invert(1); /* white Cheers logo on the dark reviews panel */
  --cheers-reviews-accent: #87d8c8;
  --cheers-reviews-card-background: #4d194c;
  --cheers-reviews-card-hover: #572156;
  --cheers-reviews-border: #70396e;
  --cheers-reviews-focus: #87d8c8;

  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.04em;
  /* Rock header (from the nav + hero restyle): striped purple bar with a mint glow, larger official logo,
     smaller nav type, white phone pill; mint marks the current site in the family bar. */
  --site-header-background: radial-gradient(120% 180% at 100% 0%, rgb(135 216 200 / 16%), transparent 55%), repeating-linear-gradient(135deg, rgb(255 255 255 / 3.5%) 0 2px, transparent 2px 14px), linear-gradient(100deg, #8e2289 0%, #7c1a79 55%, #6b1569 100%);
  --site-logo-height: clamp(52px, 5vw, 76px);
  --site-nav-size: .875rem;
  --site-nav-weight: 600;
  --site-header-phone-background: #ffffff;
  --site-header-phone-text: var(--purple);
  --site-bar-accent: var(--mint);
  --site-hero-eyebrow: var(--mint);
  --site-booking-binding: var(--purple-dark);
  --site-booking-ring: var(--mint);
  --site-booking-mark: var(--mint);
  --site-booking-mark-text: #173d35;
}