/**
 * 悠推 2.0 全局设计变量 (严格对齐 Figma 规范)
 */
:root {
  /* 品牌核心色彩体系 */
  --color-primary: #FF5520;           /* 悠推活力橙红 */
  --color-primary-hover: #E64510;
  --color-primary-light: #FFF5F2;
  --color-primary-border: #FFE4DC;
  --color-accent: #FF3B30;            /* 鲜亮高光红 */
  
  /* 中性色体系 */
  --color-black: #000000;
  --color-dark: #111111;
  --color-text-title: #111111;
  --color-text-body: #666666;
  --color-text-muted: #999999;
  --color-text-light: #CCCCCC;
  --color-white: #FFFFFF;
  
  /* 背景体系 */
  --color-bg-page: #FFFFFF;
  --color-bg-gray: #F8F9FA;
  --color-bg-dark: #11111E;          /* 达人页深色板块底色 */
  --color-card-bg: #FFFFFF;
  --color-border: #EEEEEE;
  --color-border-subtle: #F0F0F0;

  /* 阴影系统 */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
  --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.08);

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* 视口与尺寸 */
  --container-width: 1228px;
  --header-height: 72px;

  /* 动画过渡 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}