:root {
  --bg: #f1f6f6;
  --surface: #ffffff;
  --ink: #123038;
  --muted-ink: #3d565c;
  --muted: #5e7479;
  --accent: #b56a3a;
  --accent-2: #0e5c63;
  --on-accent: #fff8f3;
  --line: #d2e0e1;
  --radius: 0.7rem;
  --shadow: 0 14px 28px rgba(18, 48, 56, 0.08);
  --cta-bg: #0e5c63;
  --cta-ink: #f3fbfb;
  --cta-muted: #c5e0e2;
  --font-display: "Oswald", Impact, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
}

.theme-plumbing .hero-art {
  background:
    linear-gradient(180deg, #0e5c63, #123038);
  border-radius: 1rem 1rem 0 1.8rem;
  position: relative;
}

.theme-plumbing .hero-art::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  top: 24%;
  bottom: 18%;
  border: 3px solid #b56a3a;
  border-radius: 999px;
}

.theme-plumbing .cta-band {
  background:
    linear-gradient(90deg, #b56a3a, #0e5c63);
}