:root {
  --bg: #faf6f2;
  --surface: #ffffff;
  --ink: #2a221f;
  --muted-ink: #5c514c;
  --muted: #7a6d67;
  --accent: #8b4d55;
  --accent-2: #6e3b42;
  --on-accent: #fff7f4;
  --line: #eadfd6;
  --radius: 0.35rem;
  --shadow: 0 10px 30px rgba(42, 34, 31, 0.06);
  --cta-bg: #2a221f;
  --cta-ink: #faf6f2;
  --cta-muted: #d9cfc8;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Outfit", "Segoe UI", sans-serif;
}

.theme-vista-derm .hero {
  padding-top: 5.5rem;
}

.theme-vista-derm .hero h1 {
  font-weight: 500;
  letter-spacing: -0.02em;
}

.theme-vista-derm .hero-art {
  background:
    linear-gradient(180deg, #f1e4dc 0%, #8b4d55 140%);
  min-height: 340px;
  border-radius: 0;
  position: relative;
}

.theme-vista-derm .hero-art::before {
  content: "";
  position: absolute;
  inset: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.45);
}

.theme-vista-derm .card {
  border-radius: 0;
}