/* =========================================================
   LIGHT SKIN — activated with <html data-theme="light">
   Dark stays the default; this file only overrides tokens and
   the few places that had dark colours hard-coded.
   ========================================================= */
:root[data-theme="light"]{
  --bg:            #FBF6F3;
  --bg-elevated:   #FFFFFF;
  --bg-elevated-2: #F1E6E1;
  --line:          rgba(60,30,45,0.10);
  --line-strong:   rgba(60,30,45,0.20);

  --pink:          #D81B67;
  --pink-2:        #E5427F;
  --pink-soft:     #C2185B;
  --blush:         #8A4A62;
  --gold:          #A47A2C;
  --gold-soft:     #8A6420;

  --ivory:         #2A1721;
  --muted:         #6B5560;
  --muted-2:       #85707B;
  color-scheme: light;

  --sb-track: #E4D2DA;
  --sb-track-edge: rgba(60,30,45,0.22);
  --sb-thumb: #D81B67;
  --sb-thumb-hover: #B0124F;
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 0 72 36 36 72 0 36Z' fill='none' stroke='%232A1721' stroke-opacity='.07' stroke-width='1'/%3E%3Cg fill='%23D81B67' fill-opacity='.16'%3E%3Ccircle cx='36' cy='36' r='1.5'/%3E%3Ccircle cx='0' cy='0' r='1.5'/%3E%3Ccircle cx='72' cy='0' r='1.5'/%3E%3Ccircle cx='0' cy='72' r='1.5'/%3E%3Ccircle cx='72' cy='72' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
[data-theme="light"] body::before{ opacity:.5; }
[data-theme="light"] body::after{ background:radial-gradient(circle at 50% 0%, transparent 0%, rgba(120,70,90,0.08) 100%); }
[data-theme="light"] .site-nav.is-scrolled{ background:rgba(251,246,243,0.82); }
[data-theme="light"] .mobile-nav{ background:var(--bg); }
[data-theme="light"] .btn-ghost:hover{ background:rgba(194,24,91,0.06); }
[data-theme="light"] .theme-toggle:hover{ background:rgba(194,24,91,0.07); }
[data-theme="light"] ::selection{ background:var(--pink); color:#fff; }

/* hero mirror + cards */
[data-theme="light"] .mirror{ background:#F1E6E1; box-shadow:0 40px 80px -34px rgba(120,60,85,0.4), inset 0 0 40px rgba(120,60,85,0.12); }
[data-theme="light"] .mirror-bulbs span{ background:var(--gold); box-shadow:0 0 10px 2px rgba(164,122,44,0.45); }
[data-theme="light"] .cat-card{ background:var(--bg-elevated); box-shadow:0 14px 34px -22px rgba(120,60,85,0.35); }
[data-theme="light"] .cat-card[open]{ box-shadow:0 20px 40px -22px rgba(216,27,103,0.35); }
[data-theme="light"] .process-step:hover{ background:var(--bg-elevated-2); }
[data-theme="light"] .testi-card, [data-theme="light"] .cta-banner, [data-theme="light"] .contact-info-card, [data-theme="light"] .sub-card, [data-theme="light"] .trust-card{ box-shadow:0 14px 34px -24px rgba(120,60,85,0.3); }
[data-theme="light"] .cta-banner::before{ background:radial-gradient(600px 260px at 50% 0%, rgba(216,27,103,0.10), transparent 70%); }
[data-theme="light"] .marquee{ background:var(--bg-elevated-2); }
[data-theme="light"] .team-back{ background:var(--bg-elevated); }
[data-theme="light"] .svc-process-photo::after{ background:linear-gradient(180deg, transparent 55%, rgba(30,10,20,0.6) 100%); }

/* booking pop-up */
[data-theme="light"] .booking-overlay{ background:rgba(60,30,45,0.45); }
[data-theme="light"] .booking-modal{ box-shadow:0 40px 90px -30px rgba(60,30,45,0.5); }
[data-theme="light"] .option-card.is-selected, [data-theme="light"] .svc-check-card.is-selected{ background:rgba(216,27,103,0.07); }
[data-theme="light"] .avail-msg.ok{ color:#17803F; border-color:rgba(23,128,63,0.4); }
[data-theme="light"] .avail-msg.blocked, [data-theme="light"] .b-error{ color:#C0352B; border-color:rgba(192,53,43,0.4); }
[data-theme="light"] .form-status.is-success{ color:#17803F; border-color:rgba(23,128,63,0.4); }
[data-theme="light"] .form-status.is-error{ color:#C0352B; border-color:rgba(192,53,43,0.4); }
[data-theme="light"] .team-status i{ background:#17803F; box-shadow:0 0 6px 1px #17803F; }

/* the Google map was colour-inverted for the dark skin */
[data-theme="light"] .map-art iframe{ filter:none; }

/* text that sits on dark photo overlays always stays light */
[data-theme="light"] .sub-badge, [data-theme="light"] .week-badge{ color:#17090F; }
[data-theme="light"] .btn-primary{ color:#17090F; }