:root {
  --bg: #f6f1e8;
  --surface: #fffaf1;
  --ink: #1e2a22;
  --muted-ink: #445044;
  --muted: #667066;
  --accent: #3a5a40;
  --accent-2: #8b6914;
  --on-accent: #f6f1e8;
  --line: #ddd4c4;
  --radius: 0.85rem;
  --shadow: 0 16px 32px rgba(30, 42, 34, 0.08);
  --cta-bg: #3a5a40;
  --cta-ink: #f6f1e8;
  --cta-muted: #d5e0d4;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Karla", "Segoe UI", sans-serif;
}

.theme-chiropractic .hero-art {
  background:
    linear-gradient(160deg, #d7c4a0 0%, #3a5a40 85%);
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  min-height: 300px;
}

.theme-chiropractic .card h3 {
  color: #3a5a40;
}