:root {
  color-scheme: light;
  --color-page: #eef1f4;
  --color-surface: #fbfcfd;
  --color-surface-2: #f2f5f7;
  --color-line: #c7d0d8;
  --color-line-strong: #8b9aa7;
  --color-text: #17212b;
  --color-muted: #5b6874;
  --color-subtle: #768491;
  --color-accent: #8f3f2f;
  --color-accent-strong: #67271d;
  --color-good: #1f6f4a;
  --color-warn: #9a5d00;
  --shadow-top: 0 1px 0 rgba(16, 24, 32, 0.08);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: "Consolas", "Liberation Mono", monospace;
  --app-bar-height: 54px;
  --column-width: 330px;
  --section-heading-height: 30px;
  --radius: 6px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
}