:root {
  --ink: #050308;
  --ink-soft: #1a0a28;
  --ink-muted: #6d4a86;
  --ivory: #f6f0fa;
  --ivory-deep: #eadff2;
  --paper: #fbf7fd;
  --white: #ffffff;
  --bronze: #c2187a;
  --bronze-deep: #5b1488;
  --bronze-soft: #e36ab8;
  --text: #1a121f;
  --text-muted: #5e5168;
  --line: rgba(91, 20, 136, 0.14);
  --line-strong: rgba(91, 20, 136, 0.28);
  --danger: #8a3b32;
  --whatsapp: #25d366;
  --overlay: rgba(8, 2, 14, 0.72);
  --header-h: 88px;
  --radius: 2px;
  --radius-lg: 10px;
  --shadow: 0 18px 40px rgba(18, 4, 32, 0.14);
  --shadow-soft: 0 8px 24px rgba(18, 4, 32, 0.1);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --container: 1180px;
  --font-serif: "Noto Serif TC", "Songti TC", serif;
  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.9rem;
  --fs-base: 1.05rem;
  --fs-md: 1.2rem;
  --fs-lg: clamp(1.4rem, 2.2vw, 1.85rem);
  --fs-xl: clamp(2rem, 4.4vw, 3.4rem);
  --fs-hero: clamp(2.4rem, 6vw, 4.8rem);
  --lh-tight: 1.18;
  --lh-body: 1.85;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --z-header: 1000;
  --z-menu: 2000;
  --z-float: 1900;
}

@media (max-width: 768px) {
  :root {
    --header-h: 76px;
    --space-5: 3rem;
    --space-6: 4.25rem;
  }
}