:root {
  --text: #42252e;
  --text-muted: #785b65;
  --page-bg: #faf3f2;
  --surface: #fffbfa;
  --border: #eadbdf;
  --primary: #8a324d;
  --primary-hover: #632139;
  --primary-soft: #f5dfe7;
  --primary-rgb: 138 50 77;
  --shadow-rgb: 66 37 46;
  --highlight-rgb: 255 255 255;
  --on-primary: #fff;
  --control-bg: #fff;
  --story-start: #f5e4de;
  --story-middle: #edd5dc;
  --story-end: #dfbdca;
  --sidebar-bg: #f0e2e6;
  --nav-label: #785967;
  --cover-end: #ab6078;
  --detail-eyebrow: #f8dbe6;
  --danger: #a8443d;
  --danger-soft: #f8e7e3;
  --warning-text: #795411;
  --warning-bg: #f7e7bd;
  --danger-text: #87372f;
  --danger-bg: #f8ded9;
  --neutral-text: #725963;
  --neutral-bg: #eee5e8;
  --shadow: 0 16px 50px rgb(var(--shadow-rgb) / 10%);
}