:root {
  --brand-teal: #4ebec2;
  --brand-ink: #111111;
  --primary: #4ebec2;
  --primary-dark: #1a6f78;
  --primary-deep: #0f4a52;
  --primary-soft: #e7f6f8;
  --bg: #f5fafa;
  --card: #ffffff;
  --text: #111111;
  --muted: #5a6e71;
  --border: #d2e4e6;
  --wa: #2a8a86;
  --wa-hover: #237370;
  --white: #ffffff;
  --shadow: 0 8px 28px rgba(15, 74, 82, 0.08);
  --shadow-soft: 0 2px 10px rgba(15, 74, 82, 0.06);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --font-tc: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-en: "Manrope", "Noto Sans TC", sans-serif;
  --header-h: 72px;
  --sticky-cta-h: 72px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;
  --container: 72rem;
  --container-wide: 80rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 420ms;
  --wa-link: "https://wa.me/85257678865?text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%83%B3%E9%A0%90%E7%B4%84%E9%AB%94%E9%A9%97%EF%BC%8F%E6%9F%A5%E8%A9%A2%E7%97%9B%E7%97%87%E7%90%86%E7%99%82%E6%9C%8D%E5%8B%99%EF%BC%8C%E6%83%B3%E5%85%88%E4%BA%86%E8%A7%A3%E4%B8%80%E4%B8%8B%EF%BC%8C%E8%AC%9D%E8%AC%9D%E3%80%82";
}

@media (max-width: 767px) {
  :root {
    --header-h: 64px;
  }
}