:root {
  --calma-sage: #9eb39f;
  --calma-sage-dark: #66796a;
  --calma-ink: #2f302f;
  --calma-cream: #f5f2ea;
  --calma-white: #ffffff;
  --calma-line: rgba(47, 48, 47, .14);
  --calma-radius-sm: 12px;
  --calma-radius-md: 22px;
  --calma-radius-lg: 36px;
  --calma-shadow: 0 18px 50px rgba(47,48,47,.10);
  --calma-content: 1200px;
}

html { scroll-behavior: smooth; }
body {
  color: var(--calma-ink);
  background: var(--calma-cream);
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
.calma-container {
  width: min(calc(100% - 32px), var(--calma-content));
  margin-inline: auto;
}
.calma-eyebrow {
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}
.calma-button,
.elementor-button {
  border-radius: 999px !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.calma-button:hover,
.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(47,48,47,.14);
}
.calma-card {
  background: var(--calma-white);
  border: 1px solid var(--calma-line);
  border-radius: var(--calma-radius-md);
  box-shadow: var(--calma-shadow);
}
.calma-section {
  padding-block: clamp(56px, 8vw, 112px);
}
.calma-muted { color: rgba(47,48,47,.72); }

@media (max-width: 767px) {
  .calma-section { padding-block: 48px; }
}