:root {
  /* 統一斷點系統 */
  --bp-xs: 360px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1400px;

  /* 輪播專用響應式變數 */
  --carousel-slide-width-2xl: 320px;
  --carousel-slide-width-xl: 300px;
  --carousel-slide-width-lg: 280px;
  --carousel-slide-width-md: 260px;
  --carousel-slide-width-sm: 240px;
  --carousel-slide-width-xs: 220px;

  --carousel-slide-height-2xl: 180px;
  --carousel-slide-height-xl: 170px;
  --carousel-slide-height-lg: 160px;
  --carousel-slide-height-md: 150px;
  --carousel-slide-height-sm: 140px;
  --carousel-slide-height-xs: 130px;

  --carousel-gap-base: 24px;
  --carousel-nav-size: 50px;

  /* 原有顏色變數 */
  --color-bg:#ffffff;
  --color-surface:#f7f7f9;
  --color-text:#111827;
  --color-muted:#6b7280;
  --color-primary:#0ea5e9;
  --color-primary-600:#0284c7;
  --color-accent:#22c55e;

  --chip-bg:#2e4948;         /* 深綠膠囊 */
  --chip-fg:#e8eeec;         /* 文字 */
  --chip-bg-hover:#3a5b59;
  --panel:#f3f5f6;           /* 背景灰 */

  /* 輪播顏色 */
  --carousel-primary: #5a6c57;
  --carousel-secondary: #666666;
  --carousel-white: #ffffff;
  --carousel-shadow: rgba(0, 0, 0, 0.1);
  --carousel-transition: cubic-bezier(0.4, 0, 0.2, 1);

  /* 字體大小 */
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-4xl: 2rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  /* 間距 */
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  /* 版面配置 */
  --gutter: 16px;
  --container: 1200px;

}