:root {
  color-scheme: light;
  /* Previous palette: --ink #243029; --deep #0e1b16; --deep-2 #14251d; --paper #f7efe3; --muted #e7dccb; --gold #c7aa84; --green #4f5f48; --sage #e3dccf; --clay #8b633f; --hero-cream #fff8ec; --hero-sand #c7aa84; --hero-wood #8b633f; --hero-taupe #7e6a56; */
  --ink: #17231d;
  --deep: #07130f;
  --deep-2: #102018;
  --paper: #fff8ed;
  --muted: #f4ead9;
  --gold: #b88345;
  --green: #2f5d46;
  --sage: #d8ddc6;
  --clay: #7b4f2d;
  --hero-cream: #fffdf6;
  --hero-sand: #b88345;
  --hero-wood: #7b4f2d;
  --hero-taupe: #7e6a56;
  --line: rgba(255, 248, 236, 0.18);
}

body {
  background: var(--deep);
}

.site-header {
  background: rgba(14, 27, 22, 0.96);
}

.button {
  background: linear-gradient(180deg, #e6c49d 0%, #b88345 100%);
  color: var(--ink);
  border: 0;
  box-shadow: none;
}

.button:hover,
.button:focus-visible {
  background: linear-gradient(180deg, #efd4b4 0%, #c89558 100%);
}

.button-secondary {
  background: linear-gradient(180deg, rgba(230, 196, 157, 0.34) 0%, rgba(184, 131, 69, 0.24) 100%);
  border-color: transparent;
}

.hero {
  min-height: 72vh;
  min-height: 72svh;
  display: grid;
  align-items: center;
  padding: 64px 0 44px;
  background-color: var(--paper);
  background:
    linear-gradient(90deg, rgba(14, 27, 22, 0.78) 0%, rgba(20, 37, 29, 0.56) 34%, rgba(20, 37, 29, 0.12) 62%, rgba(20, 37, 29, 0.02) 100%),
    linear-gradient(180deg, rgba(255, 248, 236, 0.05), rgba(126, 106, 86, 0.18)),
    url("img/hero.jpg") center / cover no-repeat;
  background-attachment: scroll;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 48px;
  align-items: end;
}

.hero-practitioner {
  margin: 2.1rem 0 1.65rem;
  color: var(--hero-cream);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.16rem, 2.08vw, 1.64rem);
  font-weight: 700;
  line-height: 1.15;
}

.hero .lead {
  max-width: 740px;
  color: #fff3e4;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
}

.eyebrow,
.hero-practitioner,
.info-panel strong {
  color: var(--hero-cream);
}

.lead,
.dark-card p,
.dark-card li,
.practical-panel p,
.practical-panel li,
.site-footer {
  color: var(--muted);
}

.info-panel,
.practical-panel {
  border-color: rgba(255, 248, 236, 0.22);
  background: rgba(14, 27, 22, 0.46);
}

.info-panel {
  border: 1px solid rgba(250, 232, 210, 0.28);
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  min-width: 0;
}

@media (max-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
    background-position: center top;
  }
}

.section-light {
  background: var(--paper);
  color: var(--ink);
}

.section-sage {
  background: var(--sage);
  color: var(--ink);
}

.section-soft {
  background: #f1dfc8;
  color: var(--ink);
}

.card,
.theme-card-back,
.price-table {
  background: #fffdf8;
  color: var(--ink);
}

.card-accent {
  border-top-color: var(--clay);
}

.feature-list li {
  border-left-color: var(--green);
}

.price-table th {
  background: #dec39f;
}

.stars {
  color: var(--clay);
}

summary::before {
  color: var(--clay);
}

a {
  text-underline-offset: 0.16em;
}