/* SEHAT theme — ivory · garnet · peacock · marigold (engraving positive) */
:root {
  --ground: #FAF5EB;
  --ink: #201A14;
  --ink-deep: #4A121C;        /* garnet-deep dark room */
  --ink-soft: #4C4438;
  --ink-faint: #7A6F60;
  --ground-soft: #E8DFCE;
  --ground-faint: #B3A794;
  --accent: #7E1F2E;          /* garnet */
  --accent-hover: #5E1621;
  --accent-on-dark: #E8A0AA;
  --accent-2: #0E5A4F;        /* peacock */
  --marigold: #B87A24;
  --rule: #E0D6C2;
  --rule-dark: #6B2433;
  --focus: #A32738;
  --focus-dark: #FFD9C4;
  --slider-track: #B3A794;
}

/* Sehat header sits over the light hero — frosted band so nav stays legible over the tree */
.site-header {
  --header-ink: #201A14;
  --header-soft: #4C4438;
  --header-faint: #7A6F60;
  background: color-mix(in oklab, var(--ground) 76%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Sehat secondary accents */
.eyebrow.is-peacock { color: var(--accent-2); }
.eyebrow.is-peacock::before { background: var(--accent-2); }

/* Sehat mobile: the frosted header band is taller — clear it fully */
@media (max-width: 760px) {
  .hero.hero-light .hero-content { padding-top: clamp(15.5rem, 32vh, 18rem); }
}