:root {
  color-scheme: light dark;
  --color-page: #fafaf7;
  --color-foreground: #121212;
  --color-inverted-text: #ffffff;
  --color-cta-bg: #121212;
  --color-cta-fg: var(--color-inverted-text);
  --radius-control: 0.375rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-page: #121212;
    --color-foreground: #f5f4f4;
    --color-cta-bg: var(--color-foreground);
    --color-cta-fg: var(--color-page);
  }
}