:root {
  --color-bg: light-dark(#f2faff, #1f3172);
  --color-fg: light-dark(#1f3172, #f2faff);
  --color-fg-2: oklch(from var(--color-fg) l c h / 55%);
  --color-accent-cool: #009dea;
  --color-accent-warm: oklch(0.67 0.1926 33.35);
  --color-accent: var(--color-accent-cool);

  --color-border: oklch(from var(--color-fg) l c h / 15%);
  --color-border-decorative: oklch(from var(--color-fg) l c h / 8%);
  --color-selection: oklch(from var(--color-accent) l c h / 6%);

  @media (prefers-contrast: more) {
    --color-bg: white;
    --color-fg: black;
    --color-border: oklch(from var(--color-fg) l c h / 25%);
  }
}