/* ========================================
   CSS 变量与主题配置
   统一管理颜色、间距、字体等设计令牌
   ======================================== */

:root {
  /* 主色调 */
  --primary:          #0052D9;
  --primary-dark:     #003DA5;
  --primary-light:    #E6F0FF;
  --secondary:        #00A86B;
  --accent:           #FF6B35;

  /* 中性色 */
  --dark:             #1A1A2E;
  --gray-900:         #212529;
  --gray-800:         #343A40;
  --gray-700:         #495057;
  --gray-600:         #6C757D;
  --gray-500:         #ADB5BD;
  --gray-400:         #CED4DA;
  --gray-300:         #DEE2E6;
  --gray-200:         #E9ECEF;
  --gray-100:         #F8F9FA;
  --white:            #FFFFFF;

  /* 语义色 */
  --success:          #28A745;
  --info:             #17A2B8;
  --warning:          #FFC107;
  --danger:           #DC3545;

  /* 字体 */
  --font-primary:     'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-size-base:   16px;
  --font-size-sm:     0.875rem;
  --font-size-lg:     1.125rem;
  --font-size-xl:     1.5rem;
  --font-size-2xl:    2rem;
  --font-size-3xl:    2.5rem;
  --font-size-4xl:    3rem;

  /* 间距 */
  --spacing-xs:       0.25rem;
  --spacing-sm:       0.5rem;
  --spacing-md:       1rem;
  --spacing-lg:       1.5rem;
  --spacing-xl:       3rem;
  --spacing-2xl:      5rem;

  /* 圆角 */
  --radius-sm:        4px;
  --radius-md:        8px;
  --radius-lg:        16px;
  --radius-xl:        24px;
  --radius-round:      50%;

  /* 阴影 */
  --shadow-sm:        0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:        0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg:        0 8px 30px rgba(0,0,0,0.12);
  --shadow-xl:        0 20px 60px rgba(0,0,0,0.15);

  /* 过渡 */
  --transition-fast:  0.2s ease;
  --transition-base:  0.3s ease;
  --transition-slow:  0.5s ease;

  /* 布局 */
  --max-width:        1200px;
  --header-height:     80px;
}