:root {
  --bg: #16110f;
  --surface: #211a17;
  --ink: #f6ece3;
  --muted-ink: #d3c3b6;
  --muted: #b7a496;
  --accent: #d08a64;
  --accent-2: #e8c9a0;
  --on-accent: #1a120f;
  --line: #3a2f2a;
  --radius: 999px;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
  --cta-bg: #d08a64;
  --cta-ink: #1a120f;
  --cta-muted: #4a3126;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  color-scheme: dark;
}

.theme-salon-socal .site-header {
  background: rgba(22, 17, 15, 0.78);
}

.theme-salon-socal .hero-art {
  background:
    radial-gradient(circle at 30% 20%, #e8c9a0, transparent 42%),
    linear-gradient(160deg, #3a2420, #d08a64);
  border-radius: 50% 50% 1.5rem 1.5rem;
  min-height: 320px;
}

.theme-salon-socal .card,
.theme-salon-socal .hero-panel {
  border-radius: 1.4rem;
}

.theme-salon-socal .btn {
  border-radius: 999px;
}