:root {
  --paper: #F7F4EF;
  --surface: #FFFFFF;
  --surface-2: #EFEAE2;
  --ink: #1E2422;
  --muted: #59635F;
  --line: #DED6CA;
  --control: #8A8073;
  --accent: #0E5A47;
  --accent-soft: #E4EFE9;
  --fit: #12703F;
  --warn: #7A5200;
  --misfit: #A32222;
  --font-display: "Archivo Black", system-ui, sans-serif;
  --font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --step-12: 12px;
  --step-14: 14px;
  --step-16: 16px;
  --step-18: 18px;
  --step-22: 22px;
  --step-28: 28px;
  --step-40: 40px;
  --step-56: 56px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-1: 0 1px 2px rgb(11 15 14 / 0.06), 0 1px 3px rgb(11 15 14 / 0.08);
  --shadow-2: 0 10px 30px rgb(11 15 14 / 0.12);
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 80ms;
  --band-h: 12px;
  --shell-max: 1120px;
}

[data-theme="dark"] {
  --paper: #0B0F0E;
  --surface: #151A18;
  --surface-2: #1D2422;
  --ink: #EDF3EF;
  --muted: #A7B4AE;
  --line: #2C3532;
  --control: #5F6C66;
  --accent: #63D8A8;
  --accent-soft: #12312A;
  --fit: #6FD8A0;
  --warn: #E8BE6A;
  --misfit: #FF8F8F;
  --shadow-1: 0 0 0 1px var(--line);
  --shadow-2: 0 0 0 1px var(--line);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0B0F0E;
    --surface: #151A18;
    --surface-2: #1D2422;
    --ink: #EDF3EF;
    --muted: #A7B4AE;
    --line: #2C3532;
    --control: #5F6C66;
    --accent: #63D8A8;
    --accent-soft: #12312A;
    --fit: #6FD8A0;
    --warn: #E8BE6A;
    --misfit: #FF8F8F;
    --shadow-1: 0 0 0 1px var(--line);
    --shadow-2: 0 0 0 1px var(--line);
  }
}