/* variables.css — CSS 自定义属性 */

:root {
  /* 品牌色 */
  --color-primary:      #3369D2;
  --color-primary-dark: #2558b8;

  /* 背景色 */
  --color-bg-light: #F5F7FA;
  --color-bg-dark:  #34383b;

  /* 文字色 */
  --color-text-main:  #333333;
  --color-text-light: #F8F8F8;
  --color-text-muted: #969798;
  --color-white:      #ffffff;

  /* 间距 */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;

  /* 字体 */
  --font-base:      'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-size-base: 1rem;
  --font-size-sm:   0.875rem;
  --font-size-lg:   1.25rem;
  --font-size-xl:   1.75rem;

  /* 容器 */
  --container-max: 1400px;
  --navbar-height: 64px;

  /* 过渡 */
  --transition-fast:   0.3s ease;
  --transition-normal: 0.5s ease;
}