:root {
  color-scheme: light dark;

  --font-main: system-ui, sans-serif;

  --base-font-size: 100%; /* "100%" sets 1rem to device default, otherwise use px */
  --base-line-height: 1.5;

  --color-main: oklch(0 0 0);
  --color-background: oklch(1 0 0);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-main: oklch(1 0 0);
    --color-background: oklch(0 0 0);
  }
}