:root,
body.dark {
  --primary: #ffb870;
  --on-primary: #4a2800;
  --primary-container: #693c00;
  --on-primary-container: #ffdcbe;
  --secondary: #e1c1a4;
  --on-secondary: #402c18;
  --secondary-container: #59422c;
  --on-secondary-container: #ffdcbe;
  --tertiary: #c0cc9a;
  --on-tertiary: #2b3410;
  --tertiary-container: #414b24;
  --on-tertiary-container: #dce8b4;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffb4ab;
  --background: #201b16;
  --on-background: #ebe0d9;
  --surface: #17120e;
  --on-surface: #ebe0d9;
  --surface-variant: #51453a;
  --on-surface-variant: #d5c3b5;
  --outline: #9d8e81;
  --outline-variant: #51453a;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #ebe0d9;
  --inverse-on-surface: #352f2b;
  --inverse-primary: #8b5000;
  --surface-dim: #17120e;
  --surface-bright: #3e3833;
  --surface-container-lowest: #120d0a;
  --surface-container-low: #201b16;
  --surface-container: #241f1a;
  --surface-container-high: #2e2924;
  --surface-container-highest: #3a342f;
}