:root {
  --pv-font-display: "Songti SC", "STSong", "Noto Serif SC", serif;
  --pv-font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif;

  --pv-space-3xs: 0.25rem;
  --pv-space-2xs: 0.5rem;
  --pv-space-xs: 0.75rem;
  --pv-space-sm: 1rem;
  --pv-space-md: 1.5rem;
  --pv-space-lg: 2rem;
  --pv-space-xl: 3rem;

  --pv-radius-control: 0.625rem;
  --pv-radius-media: 0.875rem;
  --pv-radius-panel: 1.125rem;
  --pv-radius-round: 999px;

  --pv-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --pv-dur-short: 180ms;
  --pv-dur-medium: 280ms;

  --pv-danger: oklch(66% 0.2 28);
  --pv-danger-soft: oklch(66% 0.2 28 / 16%);
}

html[data-theme="night"] {
  --pv-canvas: oklch(12% 0.012 78);
  --pv-panel: oklch(17% 0.012 78 / 96%);
  --pv-panel-strong: oklch(20% 0.014 78 / 98%);
  --pv-control: oklch(25% 0.014 78);
  --pv-control-hover: oklch(30% 0.018 78);
  --pv-ink: oklch(92% 0.025 88);
  --pv-muted: oklch(73% 0.024 86);
  --pv-faint: oklch(55% 0.018 86);
  --pv-accent: oklch(72% 0.11 82);
  --pv-accent-strong: oklch(85% 0.085 88);
  --pv-accent-ink: oklch(19% 0.025 75);
  --pv-line: oklch(76% 0.06 82 / 16%);
  --pv-line-strong: oklch(80% 0.07 82 / 34%);
  --pv-focus: oklch(86% 0.11 88);
  --pv-backdrop-wash: oklch(10% 0.012 75 / 68%);
  --pv-image-vignette: oklch(8% 0.01 75 / 32%);
  --pv-shadow: oklch(5% 0.01 75 / 32%);
  --pv-accent-shadow: oklch(72% 0.11 82 / 20%);
  --pv-sanctum-glow: oklch(72% 0.11 82 / 8%);
  --pv-ornament: oklch(97% 0.014 88 / 88%);
  --pv-media-filter: saturate(0.84) contrast(1.02) brightness(0.7);
}

html[data-theme="day"] {
  --pv-canvas: oklch(91% 0.026 87);
  --pv-panel: oklch(96% 0.018 89 / 97%);
  --pv-panel-strong: oklch(98% 0.014 90 / 99%);
  --pv-control: oklch(91% 0.026 87);
  --pv-control-hover: oklch(87% 0.038 84);
  --pv-ink: oklch(31% 0.038 70);
  --pv-muted: oklch(48% 0.032 72);
  --pv-faint: oklch(61% 0.025 75);
  --pv-accent: oklch(58% 0.09 75);
  --pv-accent-strong: oklch(47% 0.088 72);
  --pv-accent-ink: oklch(97% 0.018 90);
  --pv-line: oklch(48% 0.05 75 / 16%);
  --pv-line-strong: oklch(48% 0.06 75 / 30%);
  --pv-focus: oklch(50% 0.11 72);
  --pv-backdrop-wash: oklch(94% 0.02 88 / 72%);
  --pv-image-vignette: oklch(28% 0.035 72 / 14%);
  --pv-shadow: oklch(30% 0.04 72 / 16%);
  --pv-accent-shadow: oklch(58% 0.09 75 / 18%);
  --pv-sanctum-glow: oklch(72% 0.08 82 / 9%);
  --pv-ornament: oklch(47% 0.088 72 / 52%);
  --pv-media-filter: saturate(0.76) contrast(0.98) brightness(1.02);
}

html[data-theme="liuli"] {
  --pv-canvas: oklch(91% 0.03 224);
  --pv-panel: oklch(96% 0.02 220 / 92%);
  --pv-panel-strong: oklch(98% 0.014 220 / 99%);
  --pv-control: oklch(91% 0.032 220);
  --pv-control-hover: oklch(86% 0.045 220);
  --pv-ink: oklch(34% 0.07 235);
  --pv-muted: oklch(50% 0.056 232);
  --pv-faint: oklch(63% 0.04 228);
  --pv-accent: oklch(62% 0.105 76);
  --pv-accent-strong: oklch(53% 0.11 74);
  --pv-accent-ink: oklch(98% 0.014 220);
  --pv-line: oklch(48% 0.07 230 / 15%);
  --pv-line-strong: oklch(46% 0.08 232 / 28%);
  --pv-focus: oklch(54% 0.12 230);
  --pv-backdrop-wash: oklch(94% 0.025 220 / 72%);
  --pv-image-vignette: oklch(24% 0.055 235 / 16%);
  --pv-shadow: oklch(28% 0.06 235 / 18%);
  --pv-accent-shadow: oklch(62% 0.105 76 / 18%);
  --pv-sanctum-glow: oklch(62% 0.105 76 / 8%);
  --pv-ornament: oklch(53% 0.11 74 / 48%);
  --pv-media-filter: saturate(0.84) contrast(0.98) brightness(1.03);
}