/* ============================================================
   SIPS Garden Rooms — brand refresh (SLP Media, Aug 2026)
   Colours derived from the official SIPS Garden Rooms logo
   (black + lime), deliberately softened per the brief: deep moss
   green replaces forest, muted lime-sage replaces amber, logo
   black charcoal, faintly green-tinted cream and grey.
   Load AFTER /assets/index-*.css. Colour-only overrides — no
   layout, content or behaviour changes.
   Visually verified against the live site on 21 Aug 2026.
   ============================================================ */

:root, :host {
  --color-cream:   #f4f3ea;  /* was #f5f0e6 — a breath of green in the cream */
  --color-forest:  #46591f;  /* was #3a4a2c — deep moss, leaning to the logo lime */
  --color-amber:   #7fae3e;  /* was #c4874a — lime-sage for text, links, icons */
  --color-charcoal:#141414;  /* was #1c1c1c — the logo black */
  --color-softgrey:#e7e9dc;  /* was #e8e5e0 — green-tinted wash */
}

/* Solid accent surfaces (buttons) — brighter lime, and near-black
   text as on the logo itself (the old amber buttons used white text,
   which fails on lime) */
.bg-amber { background-color: #8fbf4d; color: #182209 !important }
.hover\:bg-amber\/90:hover { background-color: #84b747e6; color: #182209 !important }

/* Baked Tailwind opacity variants (hex+alpha is compiled into the
   bundle CSS, so each needs an explicit override) */
.border-forest\/10 { border-color: #46591f1a }
.border-forest\/20 { border-color: #46591f33 }
.border-forest\/30 { border-color: #46591f4d }
.bg-amber\/20      { background-color: #8fbf4d33 }
.bg-cream\/50      { background-color: #f4f3ea80 }
.bg-forest\/5      { background-color: #46591f0d }
.bg-forest\/10     { background-color: #46591f1a }
.bg-forest\/60     { background-color: #46591f99 }
.text-amber\/20    { color: #7fae3e33 }
.text-charcoal\/50 { color: #14141480 }
.text-charcoal\/60 { color: #14141499 }
.text-charcoal\/70 { color: #141414b3 }
.text-charcoal\/75 { color: #141414bf }
.text-charcoal\/80 { color: #141414cc }
.hover\:bg-forest\/5:hover  { background-color: #46591f0d }
.hover\:bg-forest\/10:hover { background-color: #46591f1a }
.hover\:bg-forest\/90:hover { background-color: #46591fe6 }
.hover\:text-amber\/80:hover { color: #7fae3ecc }
.focus\:ring-amber\/50:focus { --tw-ring-color: #7fae3e80 }

/* Nav logo image injected by sips-rebrand.js */
.slp-logo-img {
  height: 62px;
  width: auto;
  border-radius: 9px;
  display: block;
}