:root {
  color-scheme: light;
  --canvas: oklch(99.3% 0.003 95);
  --paper: oklch(98.7% 0.004 95);
  --paper-raised: oklch(96.7% 0.005 250);
  --ink: oklch(27% 0.01 250);
  --ink-soft: oklch(38% 0.012 250);
  --ink-muted: oklch(53% 0.012 250);
  --line: oklch(91.5% 0.006 250);
  --line-strong: oklch(84% 0.008 250);
  --link: oklch(54% 0.19 246);
  --link-hover: oklch(47% 0.17 246);
  --active: oklch(51% 0.075 68);
  --control: oklch(96.5% 0.005 250);
  --focus: oklch(60% 0.16 244);
  --provenance-ink: oklch(39% 0.025 65);
  --provenance-link: oklch(49% 0.08 62);
  --shadow-card: 0 4px 6px -1px oklch(18% 0.01 250 / 0.1),
    0 2px 4px -2px oklch(18% 0.01 250 / 0.1);
  --shadow-hover: 0 10px 18px -8px oklch(18% 0.01 250 / 0.22),
    0 4px 8px -4px oklch(18% 0.01 250 / 0.12);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --canvas: oklch(19% 0.007 250);
    --paper: oklch(22.5% 0.008 250);
    --paper-raised: oklch(26% 0.009 250);
    --ink: oklch(91% 0.006 95);
    --ink-soft: oklch(79% 0.008 95);
    --ink-muted: oklch(65% 0.008 95);
    --line: oklch(30% 0.009 250);
    --line-strong: oklch(39% 0.009 250);
    --link: oklch(72% 0.13 244);
    --link-hover: oklch(78% 0.11 244);
    --active: oklch(73% 0.08 72);
    --control: oklch(25% 0.009 250);
    --focus: oklch(74% 0.13 244);
    --provenance-ink: oklch(78% 0.025 76);
    --provenance-link: oklch(75% 0.06 76);
    --shadow-card: 0 4px 8px -2px oklch(5% 0.005 250 / 0.42),
      0 2px 4px -2px oklch(5% 0.005 250 / 0.32);
    --shadow-hover: 0 12px 22px -8px oklch(5% 0.005 250 / 0.55),
      0 4px 10px -4px oklch(5% 0.005 250 / 0.42);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}