:root {
  --color-white: #ffffff;
  --color-ink: #24272a;
  --color-muted: #687277;
  --color-teal: #18b8b3;
  --color-teal-dark: #008f98;
  --color-teal-deep: #006c75;
  --color-border: #dce4e6;
  --color-error: #b42318;
  --color-focus: #006f87;
  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-display: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: clamp(1.75rem, 3vw, 2.75rem);
  --font-size-hero: clamp(2rem, 4vw, 3.5rem);
  --line-height-body: 1.8;
  --line-height-heading: 1.25;
  --container: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --shadow-soft: 0 18px 45px rgb(20 44 50 / 0.12);
  --duration-fast: 160ms;
  --duration-base: 320ms;
  --breakpoint-tablet: 960px;
  --breakpoint-mobile: 768px;
}