:root {
  --white: #ffffff;
  --black: #111111;
  --soft: #f7f7f7;
  --mute: #737373;
  --line: #eaeaea;

  --radius-sm: 12px;
  --radius-btn: 16px;
  --radius-card: 20px;
  --radius-media: 24px;
  --radius-panel: 28px;
  --radius-pill: 999px;

  --font: "Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Helvetica Neue", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --t-hover: 180ms;
  --t-press: 130ms;
  --t-menu: 260ms;
  --t-modal: 300ms;
  --t-card: 260ms;
  --t-page: 280ms;
  --t-enter: 420ms;

  --nav-h: 64px;
  --max: 1080px;
  --pad: clamp(20px, 4vw, 32px);
  --focus: 0 0 0 3px rgba(17, 17, 17, 0.22);
}