:root {
    color-scheme: light dark;
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-ink: #0e120f;
    --color-ink-muted: #556058;
    --color-ink-faint: #869088;
    --color-line: #d7ded8;
    --color-accent: #2f6b35;
    --color-accent-ink: #ffffff;
    --color-selection: #cfe8d2;
    --color-code: #f3f7f4;
    --step-down: 0.8475rem;
    --step-0: 1.0000rem;
    --step-1: 1.1800rem;
    --step-2: 1.3924rem;
    --step-3: 1.6430rem;
    --step-4: 1.9388rem;
    --step-5: 2.2878rem;
    --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    --font-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --font-prose: var(--font-sans);
    --font-size-base: 15.5px;
    --measure: 68ch;
    --page-width: 64rem;
    --radius: 0px;
    --space: 0.8rem;
  }

  [data-theme='dark'] {
    --color-bg: #0b0e0c;
    --color-surface: #0b0e0c;
    --color-ink: #e6ece7;
    --color-ink-muted: #97a399;
    --color-ink-faint: #6b766d;
    --color-line: #232a25;
    --color-accent: #7fc98a;
    --color-accent-ink: #0b0e0c;
    --color-selection: #1f4a2a;
    --color-code: #121713;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
    --color-bg: #0b0e0c;
    --color-surface: #0b0e0c;
    --color-ink: #e6ece7;
    --color-ink-muted: #97a399;
    --color-ink-faint: #6b766d;
    --color-line: #232a25;
    --color-accent: #7fc98a;
    --color-accent-ink: #0b0e0c;
    --color-selection: #1f4a2a;
    --color-code: #121713;
    }
  }