:root {
  color-scheme: light;
  --ys-paper: oklch(98% 0.006 250); --ys-paper-subtle: oklch(96% 0.009 250); --ys-surface: oklch(99.4% 0.003 250); --ys-surface-raised: oklch(100% 0 0);
  --ys-ink: oklch(21% 0.018 260); --ys-ink-secondary: oklch(44% 0.018 255); --ys-ink-tertiary: oklch(57% 0.016 255); --ys-rule: oklch(88% 0.012 250); --ys-rule-strong: oklch(79% 0.018 250);
  --ys-accent: oklch(60% 0.19 250); --ys-accent-hover: oklch(54% 0.20 250); --ys-accent-ink: oklch(99% 0.003 250); --ys-accent-soft: oklch(94% 0.035 250);
  --ys-success: oklch(60% 0.15 155); --ys-success-soft: oklch(94% 0.035 155); --ys-danger: oklch(58% 0.20 25); --ys-danger-soft: oklch(94% 0.035 25); --ys-focus: oklch(60% 0.19 250);
  --ys-glass: oklch(99% 0.004 250 / .78); --ys-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; --ys-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, monospace;
  --ys-shadow-sm: 0 1px 2px oklch(20% 0.02 255 / .05); --ys-shadow-md: 0 14px 40px oklch(20% 0.02 255 / .08); --ys-ease: cubic-bezier(.16, 1, .3, 1);
}
[data-theme="dark"] {
  color-scheme: dark;
  --ys-paper: oklch(14% 0.012 60); --ys-paper-subtle: oklch(17% 0.014 60); --ys-surface: oklch(20% 0.014 60); --ys-surface-raised: oklch(23% 0.016 60);
  --ys-ink: oklch(95% 0.012 80); --ys-ink-secondary: oklch(75% 0.018 75); --ys-ink-tertiary: oklch(62% 0.018 70); --ys-rule: oklch(31% 0.018 65); --ys-rule-strong: oklch(42% 0.026 68);
  --ys-accent: oklch(78% 0.15 80); --ys-accent-hover: oklch(84% 0.13 82); --ys-accent-ink: oklch(18% 0.018 60); --ys-accent-soft: oklch(26% 0.045 76);
  --ys-success: oklch(72% 0.14 155); --ys-success-soft: oklch(25% 0.04 155); --ys-danger: oklch(70% 0.17 25); --ys-danger-soft: oklch(25% 0.045 25); --ys-focus: oklch(88% 0.12 82);
  --ys-glass: oklch(20% 0.014 60 / .80); --ys-shadow-sm: 0 1px 2px oklch(0% 0 0 / .22); --ys-shadow-md: 0 18px 50px oklch(0% 0 0 / .28);
}