@layer cirth {
  :root, :host, .cirth {
    --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 {
      --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));
    }
  }
}