:root,
:root[data-theme="light"] {
  color-scheme: light;
  --nc-text: #454138;
  --nc-text-strong: #2f2b24;
  --nc-muted: #776f5d;
  --nc-muted-strong: #6f6958;
  --nc-subtle: #8f8873;
  --nc-bg: #d1cdb7;
  --nc-surface: #dcd8c0;
  --nc-surface-rgb: 220 216 192;
  --nc-accent: #bab5a1;
  --nc-accent-rgb: 186 181 161;
  --nc-grid: #ccc8b1;
  --nc-border: var(--nc-text);
  --nc-border-strong: var(--nc-text);
  --nc-overlay: rgb(31 27 22 / 0.55);
  --nc-ring: rgb(69 65 56 / 0.4);
  --nc-good: #315f45;
  --nc-good-bg: #c7d8c0;
  --nc-warn: #6f4e1f;
  --nc-warn-bg: #e0d0a5;
  --nc-bad: #7f1d1d;
  --nc-bad-bg: #ead0c8;
  --nc-shadow-sm: 0.2rem 0.2rem 0 var(--nc-accent);
  --nc-shadow-md: 0.3rem 0.3rem 0 var(--nc-accent);
  --yorha-ink: var(--nc-text);
  --yorha-paper: var(--nc-surface);
  --yorha-paper-dark: var(--nc-bg);
  --yorha-line: var(--nc-accent);
  --yorha-grid: var(--nc-grid);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --nc-text: #e4dcc2;
  --nc-text-strong: #fff5d6;
  --nc-muted: #b3a987;
  --nc-muted-strong: #cfc39e;
  --nc-subtle: #8a8067;
  --nc-bg: #191916;
  --nc-surface: #282720;
  --nc-surface-rgb: 40 39 32;
  --nc-accent: #514b3a;
  --nc-accent-rgb: 81 75 58;
  --nc-grid: #24231d;
  --nc-border: #8d8062;
  --nc-border-strong: #d8cfb1;
  --nc-overlay: rgb(6 6 5 / 0.74);
  --nc-ring: rgb(228 220 194 / 0.46);
  --nc-good: #a9d3ad;
  --nc-good-bg: #223629;
  --nc-warn: #e0bd71;
  --nc-warn-bg: #3b2c16;
  --nc-bad: #ee9f96;
  --nc-bad-bg: #42201c;
  --nc-shadow-sm: 0.2rem 0.2rem 0 #12110d;
  --nc-shadow-md: 0.3rem 0.3rem 0 #12110d;
  --yorha-ink: var(--nc-text);
  --yorha-paper: var(--nc-surface);
  --yorha-paper-dark: var(--nc-bg);
  --yorha-line: var(--nc-accent);
  --yorha-grid: var(--nc-grid);
}

html,
body {
  background: var(--nc-bg);
  color: var(--nc-text);
}