body.study--warm-mineral {
  --color-brand: #4f326f;
  --color-brand-dark: #2a1938;
  --color-brand-soft: #ece7df;
  --color-paper: #f5efe5;
  --color-paper-dark: #e7ddd0;
  --color-surface: rgba(252, 249, 243, 0.92);
  --color-border: #ddd4c7;
  --color-text: #2a2a25;
  --color-muted: #62655d;
  --color-slate: #356f66;
  --shadow-soft: 0 24px 60px rgba(55, 63, 48, 0.1);
  background:
    radial-gradient(circle at top left, rgba(53, 111, 102, 0.14), transparent 30%),
    radial-gradient(circle at bottom right, rgba(198, 144, 77, 0.13), transparent 24%),
    linear-gradient(180deg, #faf6ef 0%, var(--color-paper) 100%);
}

body.study--warm-mineral .site-header {
  background: rgba(255, 251, 246, 0.9);
  border-bottom-color: rgba(104, 91, 71, 0.12);
}

body.study--warm-mineral .eyebrow,
body.study--warm-mineral .eyebrow--muted {
  color: #356f66;
}

body.study--warm-mineral .brand__mark,
body.study--warm-mineral .button--primary {
  background: #356f66;
  border-color: #356f66;
}

body.study--warm-mineral .button--primary:hover,
body.study--warm-mineral .site-link:hover,
body.study--warm-mineral .button--secondary:hover {
  background: #274f49;
  border-color: #274f49;
  color: #ffffff;
}

body.study--warm-mineral .site-link,
body.study--warm-mineral .button--secondary {
  background: rgba(53, 111, 102, 0.12);
  border-color: rgba(53, 111, 102, 0.2);
  color: #356f66;
}

body.study--warm-mineral .hero__copy,
body.study--warm-mineral .hero__panel,
body.study--warm-mineral .field-card,
body.study--warm-mineral .explore-card,
body.study--warm-mineral .publication-band,
body.study--warm-mineral .mini-panel {
  background: rgba(255, 252, 247, 0.93);
}

body.study--warm-mineral .hero__panel,
body.study--warm-mineral .publication-band {
  background:
    linear-gradient(180deg, rgba(237, 244, 238, 0.55), rgba(255, 252, 247, 0.95)),
    rgba(255, 252, 247, 0.93);
}

body.study--warm-mineral .section--fields {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(231, 221, 208, 0.58));
}

body.study--warm-mineral .field-card:hover {
  border-color: rgba(53, 111, 102, 0.3);
}