:root {
  --ink: #12151c;
  --ink-soft: #2a3140;
  --ink-muted: #5c6573;
  --paper: #f4efe6;
  --paper-2: #ebe4d6;
  --white: #fdfbf7;
  --line: #d7cfc0;
  --brand: #c0122a;
  --brand-dark: #8e0d1f;
  --brand-soft: #f8dde1;
  --accent: #c9a227;
  --overlay: rgba(10, 12, 18, 0.72);
  --header-h: 4.5rem;
  --max: 72rem;
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --section: clamp(4rem, 8vw, 6.5rem);
  --radius: 2px;
  --font-serif: "Noto Serif TC", "PMingLiU", serif;
  --font-sans: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --shadow: 0 18px 40px rgba(18, 21, 28, 0.12);
  --ease: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --z-header: 100;
  --z-overlay: 2000;
  --z-float: 90;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease: 1ms linear;
  }
}