:root {
  /* Surfaces — light tonal stack (was: dark tonal depths) */
  --primary:           #f7f9fc;             /* page bg, hero, deep sections */
  --primary-container: #eef2f7;             /* alt section bg */
  --card-bg:           #ffffff;             /* cards, form containers */
  --card-border:       rgba(15,23,42,0.08); /* dark-alpha now, not white-alpha */

  /* Brand — NEW: contractor blue, the trust anchor */
  --brand:             #1e4f9c;             /* nav wordmark, section labels, links, icons */
  --brand-light:       #2563eb;             /* hover, subtle accents */

  /* Action — amber kept for continuity with your existing identity */
  --secondary:         #e8940a;             /* primary CTAs, star ratings, highlights */
  --secondary-light:   #f5a623;             /* hover state */

  /* Text — dark on light (was light on dark) */
  --on-primary:        #0f172a;             /* headlines, body on light surfaces */
  --on-primary-muted:  #64748b;             /* labels, descriptions */
  --on-review:         #475569;             /* review body — slightly darker than muted for emphasis */
  --gallery-image-text: #ffffff;            /* caption/tag text overlaid on gallery images — always white */

  /* Typography & radii — unchanged */
  --font-display:      'Barlow Condensed', sans-serif;
  --font-body:         'Barlow', sans-serif;
  --radius-sm:         6px;
  --radius-md:         8px;
  --radius-lg:         12px;
  --radius-xl:         14px;
}