/* ══════════════════════════════════════════════════════════════════════
   THEME  -  ALL COLOURS FOR THE WHOLE SITE LIVE IN THIS FILE
   (index.html and review.html both load it, so one change updates both)
   ══════════════════════════════════════════════════════════════════════

   ★ TO CHANGE THE ACCENT COLOUR: edit the ONE value after "--accent:" below. ★

   Button text colour, hover colour, link colour and the dark-background
   variants are calculated from it automatically (light accents such as
   yellow get dark button text by themselves).

   COLOUR GUIDE BY TRADE  (pick one hex, paste it into --accent)
   ┌──────────────────────────────────────────────────────┬──────────┬─────────────────┐
   │ Trade                                                │ Hex      │ Colour          │
   ├──────────────────────────────────────────────────────┼──────────┼─────────────────┤
   │ Construction, General Contractor, Remodeling,        │ #E8671A  │ Safety Orange   │
   │ Roofing, Siding, Gutters, Handyman, Welding          │          │                 │
   │ Landscaping, Lawn Care, Irrigation, Garden Design    │ #2E9E4F  │ Leaf Green      │
   │ Tree Service, Arborist, Pest Control, Eco Services   │ #2F7D32  │ Forest Green    │
   │ Plumbing, Drain Cleaning, Water Heaters              │ #1E73BE  │ Water Blue      │
   │ HVAC, Heating and Cooling, Refrigeration             │ #0A84D6  │ Sky Blue        │
   │ Pool Service, Pressure Washing, Car Wash             │ #00A3C4  │ Aqua            │
   │ Electrical, Excavation, Demolition, Paving           │ #F5B800  │ Electric Yellow │
   │ Solar, Energy, Insulation                            │ #F59E0B  │ Solar Amber     │
   │ Painting, Interior Design, Wallpaper                 │ #3F51B5  │ Indigo          │
   │ Cleaning, Maid Service, Janitorial, Carpet Cleaning  │ #0FA39A  │ Fresh Teal      │
   │ Flooring, Tile, Carpentry, Cabinetry, Woodwork       │ #8B5A2B  │ Walnut Brown    │
   │ Masonry, Concrete, Brickwork, Fencing, Decks         │ #B5472F  │ Brick Red       │
   │ Auto Repair, Towing, Fire/Water Restoration          │ #D62828  │ Racing Red      │
   │ Moving, Hauling, Locksmith, Security, Inspection     │ #1F4E9C  │ Navy Blue       │
   │ Windows, Glass, Doors, Garage Doors                  │ #4682B4  │ Steel Blue      │
   │ Luxury Remodeling, Custom Homes, Design-Build        │ #B08D3C  │ Brass Gold      │
   └──────────────────────────────────────────────────────┴──────────┴─────────────────┘
   Rules: ONE saturated colour only. Format = 6-digit hex like #E8671A.
          Every other colour below is a pure grey (0% saturation). Keep it so.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  --accent: #E8671A;   /* ← ★ CHANGE THIS ONE VALUE (see colour guide above) ★ */
}


/* ──────────────────────────────────────────────────────────────────────
   BELOW THIS LINE: DO NOT EDIT. Everything is derived from --accent.
   ────────────────────────────────────────────────────────────────────── */

:root {
  /* Accent family (calculated) */
  --accent-hover:   color-mix(in oklab, var(--accent) 84%, black);
  --on-accent:      #FFFFFF;          /* text on accent buttons   */
  --accent-text:    var(--accent);    /* accent text on light bg  */
  --accent-on-dark: var(--accent);    /* accent text on dark bg   */

  /* Neutrals: pure greys only (red = green = blue → 0% saturation) */
  --ink:        #1E1E1E;   /* headings, dark sections */
  --ink-soft:   #444444;   /* review text             */
  --muted:      #777777;   /* body copy               */
  --muted-dark: #999999;   /* body copy on dark       */
  --white:      #FFFFFF;
  --paper:      #F5F5F5;   /* alternating section bg  */
  --border:     #EBEBEB;

  /* Image placeholder greys */
  --img-bg:     #D9D9D9;
  --img-line:   #A8A8A8;
  --img-text:   #5C5C5C;
}

/* Auto-contrast engine (modern browsers). Picks black/white button text,
   and nudges the accent lighter/darker where it is used as text. */
@supports (color: oklch(from red l c h)) {
  :root {
    --on-accent:      oklch(from var(--accent) clamp(0.25, calc((0.72 - l) * 1000), 1) 0 0);
    --accent-text:    oklch(from var(--accent) min(l, 0.62) c h);
    --accent-on-dark: oklch(from var(--accent) max(l, 0.62) c h);
  }
}