body.theme-hairstudios {
  color-scheme: light;
  --font-body: Helvetica, Verdana, Arial, sans-serif;
  --font-display: Helvetica, Verdana, Arial, sans-serif;
  --bg: #fbfcff;
  --surface: #ffffff;
  --surface-soft: #f6f7f8;
  --surface-strong: #00123a;
  --text: #000000;
  --text-inverse: #ffffff;
  --muted: #565656;
  --muted-strong: #202020;
  --border: #e7e7e7;
  --primary: #000000;
  --primary-contrast: #ffffff;
  --accent: #f82586;
  --accent-contrast: #ffffff;
  --hero-image: url('https://www.hairstudios.it/wp-content/uploads/2026/01/mockup-lovers-home.jpg');
  --gift-image: url('https://www.hairstudios.it/wp-content/uploads/2025/10/gift-hs-25.png');
  --shadow: 0 16px 44px rgba(0, 0, 0, 0.14);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.08);
}

body.theme-hairstudios .brand-mark {
  border-color: #000000;
  background: #000000;
  color: #ffffff;
}

body.theme-hairstudios .hero {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.76)),
    var(--hero-image) center / cover no-repeat;
}

body.theme-hairstudios .hero-logo {
  filter: brightness(0) invert(1) drop-shadow(0 3px 12px rgba(0, 0, 0, 0.48));
}

body.theme-hairstudios .hero-kicker,
body.theme-hairstudios .eyebrow {
  color: #f82586;
}

body.theme-hairstudios .hero-title,
body.theme-hairstudios .hero-copy {
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.54);
}

body.theme-hairstudios .action-tile:hover,
body.theme-hairstudios .salon-card:hover,
body.theme-hairstudios .reward-card:hover {
  border-color: color-mix(in srgb, #f82586 44%, #e7e7e7);
}