:root {
  --paper: #f1eee8;
  --paper-2: #e7e2d8;
  --card: #fbf9f5;
  --ink: #17120d;
  --mute: #6d655a;
  --rule: rgba(23, 18, 13, .16);
  --amber: #ffb02e;
  --fire: #ef5b3a;
  --fire-text: #b8401f;
  --hz-minutes: #ffd23f;
  --hz-hours: #ffb02e;
  --hz-days: #ff8a3d;
  --hz-weeks: #ef5b3a;
  --hz-months: #8f2d2a;
  --hz-years: #2a1512;
  --pool-a: rgba(255, 176, 46, .30);
  --pool-b: rgba(239, 91, 58, .17);
  --pool-c: rgba(255, 210, 63, .14);
  --pattern-o: .075;
  --rail: 84px;
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Fragment Mono', ui-monospace, Consolas, monospace;
  --ease: cubic-bezier(.2, .7, .2, 1);
}
:root[data-theme='dark'] {
  --paper: #14100c;
  --paper-2: #1d1812;
  --card: #1c1611;
  --ink: #f4ecdf;
  --mute: #a1978a;
  --rule: rgba(244, 236, 223, .16);
  --fire-text: #ff8a66;
  --hz-months: #c4533c;
  --hz-years: #e7b98a;
  --pool-a: rgba(255, 176, 46, .12);
  --pool-b: rgba(239, 91, 58, .12);
  --pool-c: rgba(255, 210, 63, .05);
  --pattern-o: .09;
  color-scheme: dark;
}