:root {
  color-scheme: light;
  --paper: #fbfdff;
  --paper-warm: #f5f8fb;
  --ink: #071018;
  --ink-soft: rgba(7, 16, 24, 0.78);
  --muted: #607084;
  --quiet: rgba(7, 16, 24, 0.42);
  --hairline: rgba(7, 16, 24, 0.12);
  --hairline-soft: rgba(7, 16, 24, 0.08);
  --panel: rgba(255, 255, 255, 0.6);
  --cyan: #17c8bf;
  --blue: #4969ff;
  --pink: #ff5f9f;
  --amber: #f3aa23;
  --cyan-glow: rgba(23, 200, 191, 0.62);
  --blue-glow: rgba(73, 105, 255, 0.55);
  --pink-glow: rgba(255, 95, 159, 0.55);
  --amber-glow: rgba(243, 170, 35, 0.55);
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    var(--cjk, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic"), sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --frame-max: 1280px;
  --frame-pad: clamp(18px, 3.2vw, 48px);
  --radius: 14px;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

:lang(ja) {
  --cjk: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo;
}

:lang(zh) {
  --cjk: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Hiragino Sans GB";
}