/* ── Wholistic app theme ──
   Re-skins the shared stylesheet (../css/style.css) to match the Wholistic
   iOS app: warm cream background, deep pine-green accents, soft sage details.
   Loaded AFTER style.css so these values win. Scoped to the wholistic/ pages
   only, leaving the site's coral/brown theme intact elsewhere. */

:root {
  --cream:    #f4f3ea;  /* app background */
  --cream-2:  #eae7db;  /* deeper warm cream for alt sections */
  --ink:      #163a2b;  /* deep pine — dark sections & headings */
  --ink-deep: #0e2a1f;  /* deepest pine for gradients */
  --accent:      #2c6e56;  /* pine green — primary accent */
  --accent-dark: #21563f;  /* darker pine — links & hovers */
  --accent-soft: #dce7de;  /* pale green tint — pills & active nav */
  --honey:       #8fbfa4;  /* soft sage — secondary / footer links */
  --muted:       #6c7269;  /* warm gray-green body text */
  --card-bg:     #ffffff;
  --border:      #e4e2d5;

  --shadow-soft: 0 10px 30px rgba(22, 58, 43, .08);
  --shadow-lift: 0 18px 44px rgba(22, 58, 43, .14);
}

/* Frosted nav matches the new cream background */
nav { background: rgba(244, 243, 234, .82); }
nav.scrolled { box-shadow: 0 6px 24px rgba(22, 58, 43, .10); }

/* App-store badge hover picks up the new warm cream */
.btn-appstore:hover { background: var(--cream-2); }

/* Footer sits on deep pine — swap the warm-tan text for a soft sage */
footer { color: #c3d1c6; }

/* ── Legal pages (privacy / terms): echo the app's list styling ── */
.privacy-inner h1 { color: var(--ink); }
.privacy-inner h3 { color: var(--ink); }

/* Section headers get the app's green category accent bar */
.privacy-inner h2 {
  color: var(--ink);
  padding-left: .9rem;
  border-left: 4px solid var(--accent);
}

/* "Last updated" rendered as the app's pale-green tag pill */
.privacy-inner .last-updated {
  display: inline-block;
  background: var(--accent-soft);
  color: var(--accent-dark);
  font-weight: 600;
  padding: .35rem .85rem;
  border-radius: 999px;
}
.privacy-inner .last-updated strong { font-weight: 700; }

.privacy-inner a:hover { color: var(--accent); text-decoration: underline; }