/* Shared Apothecary palette: website surfaces, navigation and controls. */
:root {
  color-scheme: light;
  --cmm-paper: #f7f5ed;
  --cmm-card: #fcfbf6;
  --cmm-sage: #ebeee3;
  --cmm-sage-active: #e8ecdf;
  --cmm-green: #234c3d;
  --cmm-green-dark: #173e30;
  --cmm-ink: #283e32;
  --cmm-muted: #64705f;
  --cmm-line: #dcded1;
  --cmm-gold: #9d793e;
  --paper: var(--cmm-paper);
  --card: var(--cmm-card);
  --white: var(--cmm-card);
  --pale: var(--cmm-sage);
  --wash: var(--cmm-sage);
  --ink: var(--cmm-ink);
  --muted: var(--cmm-muted);
  --line: var(--cmm-line);
  --gold: var(--cmm-gold);
  --green: var(--cmm-green);
  --green-dark: var(--cmm-green-dark);
  --header: var(--cmm-green);
  --selected: var(--cmm-green);
  --on-selected: var(--cmm-card);
  --plum: var(--cmm-green);
  --card-frame: var(--cmm-sage);
  --stage: var(--cmm-sage);
  --study-paper: var(--cmm-paper);
  --study-ink: var(--cmm-ink);
  --study-muted: var(--cmm-muted);
  --study-line: var(--cmm-line);
  --study-gold: var(--cmm-gold);
}
body { background: var(--cmm-paper); color: var(--cmm-ink); }
input, select, textarea { accent-color: var(--cmm-green); }
::selection { background: var(--cmm-sage-active); color: var(--cmm-green-dark); }