:root {
  --paper: #e8dfce;
  --paper-deep: #d7cbb8;
  --ink: #1d1d1b;
  --ink-soft: #565148;
  --line: rgba(29, 29, 27, 0.2);
  --line-strong: rgba(29, 29, 27, 0.42);
  --rust: #a34428;
  --ember: #d4773f;
  --sun: #efbb61;
  --teal: #168f92;
  --blue: #265f75;
  --spice-blue: #087fd4;
  --spice-cyan: #00bde7;
  --botanical: #47734c;
  --botanical-soft: #819b72;
  --worm-body: #a77845;
  --worm-line: #3a2a1e;
  --worm-core: #211812;
  --worm-accent: #a34428;
  --night: #171817;
  --white: #f4ecdf;
  --serif: "Instrument Serif", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
  --mono: "DM Mono", monospace;
  --radius: 0;
  --shadow: 8px 8px 0 rgba(29, 29, 27, 0.16);
  --shell: min(1240px, calc(100% - 48px));
}

:root[data-theme="dark"] {
  --paper: #181917;
  --paper-deep: #22231f;
  --ink: #eee5d8;
  --ink-soft: #bdb4a6;
  --line: rgba(238, 229, 216, 0.18);
  --line-strong: rgba(238, 229, 216, 0.4);
  --rust: #e7875d;
  --ember: #e49a61;
  --sun: #f0c978;
  --teal: #46b9b4;
  --blue: #5b93a8;
  --spice-blue: #258dff;
  --spice-cyan: #27dcff;
  --botanical: #74a977;
  --botanical-soft: #466d4c;
  --worm-body: #70523b;
  --worm-line: #b18b63;
  --worm-core: #201914;
  --worm-accent: #d27b54;
  --night: #0d0e0d;
  --white: #f1e8da;
  --shadow: 8px 8px 0 rgba(0, 0, 0, 0.28);
}