:root, :host {
  --cirth-primary: light-dark(oklch(52% .17 258), oklch(72% .13 258));
  --cirth-canvas: light-dark(oklch(98.5% 0 0), oklch(20% .008 264));
  --cirth-font-family-display: var(--cirth-font-family);
  --cirth-border-radius: var(--cirth-radius-xs);
  --cirth-transition: var(--cirth-duration-fast) var(--cirth-ease-out);
}

@media (prefers-contrast: more) {
  :root, :host {
    --cirth-primary: light-dark(oklch(41% .17 258), oklch(86% .09 258));
    --cirth-primary-surface: light-dark(oklch(41% .17 258), oklch(42% .14 258));
    --cirth-primary-surface-active: light-dark(oklch(34% .15 258), oklch(35% .13 258));
    --cirth-link-visited-color: light-dark(oklch(38% .02 258), oklch(80% .02 258));
  }
}