:root {
  --bg: #f4efe3;
  --surface: #fffdf6;
  --ink: #1e2a4a;
  --muted-ink: #44506c;
  --muted: #667089;
  --accent: #d9772c;
  --accent-2: #1e2a4a;
  --on-accent: #fff8ef;
  --line: #e2d8c4;
  --radius: 1.1rem;
  --shadow: 0 16px 36px rgba(30, 42, 74, 0.08);
  --cta-bg: #d9772c;
  --cta-ink: #1e2a4a;
  --cta-muted: #5a3310;
  --font-display: "DM Serif Display", Georgia, serif;
  --font-body: "Nunito", "Segoe UI", sans-serif;
}

body.theme-vet {
  background-image:
    radial-gradient(800px 360px at 100% -8%, rgba(217, 119, 44, 0.14), transparent 58%),
    linear-gradient(#f4efe3, #f4efe3);
}

.theme-vet .hero-art {
  min-height: 310px;
  border-radius: 50% 50% 1.2rem 50%;
  background:
    radial-gradient(circle at 32% 38%, #f0c14a 0 18%, transparent 19%),
    radial-gradient(circle at 58% 32%, #fffdf6 0 14%, transparent 15%),
    radial-gradient(circle at 46% 56%, #fffdf6 0 16%, transparent 17%),
    linear-gradient(160deg, #1e2a4a, #d9772c);
  position: relative;
}

.theme-vet .hero-art::after {
  content: "";
  position: absolute;
  width: 22%;
  height: 22%;
  left: 14%;
  bottom: 16%;
  border-radius: 50%;
  background: #f4efe3;
  opacity: 0.9;
}

.theme-vet .cta-band {
  background: #1e2a4a;
  color: #f4efe3;
  --cta-bg: #1e2a4a;
  --cta-ink: #f4efe3;
  --cta-muted: #d7cbb4;
}

.theme-vet .card h3 {
  color: #d9772c;
}

.theme-vet .btn-primary {
  border-radius: 0.85rem;
}