:root {
  color-scheme: dark;
  --surface: #000000;
  --surface-2: #000000;
  --surface-3: #000000;
  --ink: #ffffff;
  --muted: #ffffff;
  --border: #ffffff;
  --accent: #8fa878;
  --panel-surface: #000000;
  --panel-ink: #ffffff;
  --control-bg: var(--accent);
  --control-ink: #000000;
  --control-border: var(--accent);
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-base: 14px;
  --lh-base: 1.5;
  --h1-size: 32px;
  --h1-weight: 700;
  --h1-tracking: 0.04em;
  --h2-size: 18px;
  --h2-weight: 600;
  --label-size: 12px;
  --label-tracking: 0.08em;
  --radius: 0px;
  --border-width: 1px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
}

body.theme-invert {
  color-scheme: light;
  --surface: #ffffff;
  --surface-2: #ffffff;
  --surface-3: #ffffff;
  --ink: #000000;
  --muted: #000000;
  --border: #000000;
  --accent: #6f8c5d;
  --panel-surface: #ffffff;
  --panel-ink: #000000;
  --control-bg: var(--accent);
  --control-ink: #000000;
  --control-border: var(--accent);
}