:root {
  /* 主色调 */
  --primary-color: #195649;
  --secondary-color: #EBE2D2;
  --accent-color: #195649;
  
  /* 文字颜色 */
  --text-primary: #195649;
  --text-secondary: rgba(25, 86, 73, 0.7); /* 主色 70% 透明度 */
  --text-light: #EBE2D2;
  
  /* 背景颜色 */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-dark: #195649;
  --bg-card: #EBE2D2; /* 卡片背景色 */
  --bg-cart-btn: #FFF7EC; /* 购物车按钮背景色 */
  
  /* 文字颜色扩展 */
  --text-weight: #9E8F7B; /* 重量文字颜色 */
  
  /* 字体 */
  /* Hanken Grotesk - 主要字体 */
  --font-family-primary: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-hanken-light: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-hanken-medium: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Chillax 字体族 - 特定位置使用 */
  --font-family-chillax-semibold: 'Chillax-Semibold', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-chillax-medium: 'Chillax-Medium', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-chillax-regular: 'Chillax-Regular', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-chillax-light: 'Chillax-Light', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 16px;
  --font-size-base-rem: 1rem; /* 16px */
  
  /* 间距 */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 64px;
  --spacing-xl: 128px;
  
  /* 过渡动画 */
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;
}