:root {
  color-scheme: light;

  --cn-color-canvas: #f7f4ea;
  --cn-color-panel: #fffdf7;
  --cn-color-ink: #173024;
  --cn-color-muted: #4d6257;
  --cn-color-link: #165a3d;
  --cn-color-leaf: #236746;
  --cn-color-leaf-strong: #174c35;
  --cn-color-mint: #dcefe3;
  --cn-color-amber: #f2b84b;
  --cn-color-line: #c9d7cc;
  --cn-color-danger: #8a332c;

  --cn-chart-1: #236746;
  --cn-chart-2: #f2b84b;
  --cn-chart-3: #3b6f8e;
  --cn-chart-4: #d76832;
  --cn-chart-5: #78578a;

  --cn-font-display: "Fraunces", Georgia, serif;
  --cn-font-body: "IBM Plex Sans", Arial, sans-serif;
  --cn-font-mono: "IBM Plex Mono", monospace;

  --cn-space-1: 0.25rem;
  --cn-space-2: 0.5rem;
  --cn-space-3: 0.75rem;
  --cn-space-4: 1rem;
  --cn-space-6: 1.5rem;
  --cn-space-8: 2rem;
  --cn-space-12: 3rem;
  --cn-space-16: 4rem;
  --cn-space-24: 6rem;
  --cn-space-32: 8rem;

  --cn-radius-rule: 0.125rem;
  --cn-radius-control: 0.625rem;
  --cn-page-max: 74rem;
  --cn-reading-max: 68ch;
  --cn-figure-max: 60rem;
}