:root {
  color-scheme: light dark;

  --color-bg: light-dark(oklch(0.99 0 0), oklch(0 0 0));
  --color-surface: light-dark(oklch(0.96 0 0), oklch(0.2 0 0));
  --color-surface-alt: light-dark(oklch(0.92 0 0), oklch(0.26 0 0));
  --color-text: light-dark(oklch(0.18 0 0), oklch(0.95 0 0));
  --color-text-muted: light-dark(oklch(0.35 0 0), oklch(0.68 0 0));
  --color-heading: light-dark(oklch(0.12 0 0), oklch(0.98 0 0));
  --color-border: light-dark(oklch(0.85 0 0), oklch(0.35 0 0));
  --color-border-strong: light-dark(oklch(0.35 0 0), oklch(0.7 0 0));

  --color-accent: light-dark(oklch(0.45 0.4 145), oklch(0.75 0.22 145));
  --color-link: var(--color-accent);
  --color-table-header-text: var(--color-accent);

  --color-main-link-bg: var(--color-bg);
  --color-main-link-text: var(--color-text);
  --color-main-link-active-bg: var(--color-accent);
  --color-main-link-active-text: var(--color-bg);
  --color-main-link-focus-bg: var(--color-surface-alt);
  --color-main-link-focus-text: var(--color-text);
}