:root {
  color-scheme: light;

  /* 公开页面以中性纸面承载信息，品牌色只强调状态和关键动作。 */
  --qn-brand: #b5470b;
  --qn-brand-strong: #8f3606;
  --qn-brand-soft: #fff3ea;
  --qn-ink: #1d2024;
  --qn-secondary: #4d5560;
  --qn-muted: #6b737d;
  --qn-canvas: #f5f6f7;
  --qn-paper: #ffffff;
  --qn-line: #d9dde2;
  --qn-line-strong: #bfc5cb;
  --qn-success: #0e6b43;
  --qn-success-soft: #e9f6ef;
  --qn-warning: #8d4800;
  --qn-warning-soft: #fff3e6;
  --qn-danger: #b42318;
  --qn-danger-soft: #fcebea;
  --qn-shadow-sm: 0 1px 2px rgb(29 32 36 / 6%), 0 4px 12px rgb(29 32 36 / 4%);
  --qn-shadow-md: 0 14px 36px rgb(29 32 36 / 12%);
  --qn-radius-control: 10px;
  --qn-radius-card: 14px;
  --qn-radius-overlay: 18px;
  --qn-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;
  --qn-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --qn-motion-fast: 140ms;
  --qn-motion-standard: 200ms;
  --qn-motion-sheet: 300ms;
  --qn-motion-ease: cubic-bezier(.2, .8, .2, 1);
}

* { box-sizing: border-box; }

button,
a { touch-action: manipulation; }

:focus-visible {
  outline: 3px solid rgb(181 71 11 / 32%);
  outline-offset: 3px;
}

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

@media (prefers-reduced-transparency: reduce) {
  :root {
    --qn-surface-overlay: var(--qn-paper);
  }
}