:root {
  --bg: #131210;
  --sf: #1E1C1A;
  --ink: #E7EAE7;
  --mut: #A89F99;
  --ln: #33302E;
  --p: #C6875A;
  --s: #8E9C90;
  --onp: #20150E;
  --p-text: #C6875A;
  --cat-dark: #131210;
  --cat-light: #F4F5F4;
  --cat-ink: #251E18;
  --cat-accent: #9D6136;
  --w-bg: #3B2616;
  --w-ink: #F4F5F4;
  --w-paper: #131210;
  --w-paper-ink: #E7EAE7;
  --w-deep: #291B0F;
  --s-text: #8E9C90;
  --s-fill: #8E9C90;
  --on-s: #3B2616;
  color-scheme: dark;
  --r: 6px;
  --r-btn: 999px;
  --f: "Cormorant Garamond", "El Messiri", system-ui, serif;
}
html[data-mode="light"] {
  --bg: #F7F6F5;
  --sf: #FFFFFF;
  --ink: #2B1F17;
  --mut: #72645A;
  --ln: #E5E0DC;
  --p: #C6875A;
  --s: #8E9C90;
  --onp: #20150E;
  --p-text: #9D6136;
  --cat-dark: #3B2616;
  --cat-light: #F4F5F4;
  --cat-ink: #251E18;
  --cat-accent: #9D6136;
  --w-bg: #F4F5F4;
  --w-ink: #251E18;
  --w-paper: #FFFFFF;
  --w-paper-ink: #251E18;
  --w-deep: #D1D0CF;
  --s-text: #657367;
  --s-fill: #C6875A;
  --on-s: #20150E;
  color-scheme: light;
}
html[data-mode="dark"] {
  --bg: #131210;
  --sf: #1E1C1A;
  --ink: #E7EAE7;
  --mut: #A89F99;
  --ln: #33302E;
  --p: #C6875A;
  --s: #8E9C90;
  --onp: #20150E;
  --p-text: #C6875A;
  --cat-dark: #131210;
  --cat-light: #F4F5F4;
  --cat-ink: #251E18;
  --cat-accent: #9D6136;
  --w-bg: #3B2616;
  --w-ink: #F4F5F4;
  --w-paper: #131210;
  --w-paper-ink: #E7EAE7;
  --w-deep: #291B0F;
  --s-text: #8E9C90;
  --s-fill: #8E9C90;
  --on-s: #3B2616;
  color-scheme: dark;
}