:root {
  --color-red: #b71c25;
  --color-black: #171717;
  --color-ink: #252525;
  --color-white: #ffffff;
  --color-paper: #f4f1eb;
  --color-muted: #78736d;
  --container: min(1180px, calc(100vw - 48px));
  --font-display: Outfit, Arial, sans-serif;
  --font-body: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --space-section: clamp(80px, 10vw, 160px);
  --header-height: 88px;
  --radius-pill: 999px;
  --z-header: 50;
  --z-dialog: 100;
  --shadow-float: 0 24px 80px rgba(0,0,0,.24);
  --transition-fast: 180ms ease;
  --transition-slow: 700ms cubic-bezier(.2, .7, .2, 1);
  --motion-fast: 180ms;
  --motion-interaction: 420ms;
  --motion-entry: 750ms;
  --motion-count: 1200ms;
  --motion-ease: cubic-bezier(.2, .7, .2, 1);
  --motion-entry-distance: 16px;
  --motion-magnet-distance: 8px;
  --effect-spotlight-size: 180px;
  --effect-spotlight-color: rgba(183, 28, 37, .12);
  --effect-glare-color: rgba(255, 255, 255, .16);
}