/* ============================================================
   variables.css - 全局变量
   定义颜色、字体、间距、阴影等全局设计令牌
   支持两套主题：红色国企风（默认）/ 藏青暖金风
   ============================================================ */

:root,
html.theme-red {
  /* ---------- 主色调：中国红 ---------- */
  --color-primary: #C8102E;          /* 中国红 - 主色 */
  --color-primary-dark: #9E0C24;     /* 深红 - hover/深色底 */
  --color-primary-light: #E63946;    /* 亮红 - 点缀 */
  --color-primary-bg: #FEF2F2;       /* 浅红底 */

  /* ---------- 辅助色：藏蓝+金 ---------- */
  --color-secondary: #1E3A5F;        /* 藏蓝 - 辅色 */
  --color-secondary-dark: #142945;   /* 深藏蓝 */
  --color-secondary-light: #2D4A72;  /* 浅藏蓝 */
  --color-secondary-bg: #F0F4F9;     /* 浅蓝底 */

  /* ---------- 强调色：金 ---------- */
  --color-accent: #C9A961;           /* 金色 - 数据/强调点缀 */
  --color-accent-dark: #A68B4B;
  --color-accent-light: #DBC27D;

  /* ---------- 中性色 ---------- */
  --color-text-primary: #1A1A1A;
  --color-text-regular: #333333;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-text-placeholder: #CCCCCC;

  --color-bg-page: #F5F5F7;
  --color-bg-card: #FFFFFF;
  --color-bg-section: #FAFAFA;
  --color-bg-grey: #F2F2F2;

  --color-border: #E5E5E5;
  --color-border-light: #EEEEEE;
  --color-divider: #E8E6E1;

  /* ---------- 功能色 ---------- */
  --color-success: #059669;
  --color-warning: #D97706;
  --color-danger: #DC2626;
  --color-info: #0284C7;
}

/* ---------- 主题B：藏青暖金 ---------- */
html.theme-navy {
  --color-primary: #0A2540;          /* 深藏青 - 主色 */
  --color-primary-dark: #061A2E;     /* 更深藏青 */
  --color-primary-light: #1B3A5C;    /* 浅藏青 */
  --color-primary-bg: #F0F4F9;       /* 浅蓝底 */

  --color-secondary: #C9A961;        /* 暖金 - 辅色 */
  --color-secondary-dark: #A68B4B;   /* 深暖金 */
  --color-secondary-light: #DBC27D;  /* 浅暖金 */
  --color-secondary-bg: #FDF8EE;     /* 浅金底 */

  --color-accent: #C9A961;
  --color-accent-dark: #A68B4B;
  --color-accent-light: #DBC27D;
}

/* ---------- 字体 ---------- */
:root {
  --font-serif: "Source Han Serif SC", "思源宋体", "Songti SC",
                "SimSun", serif;
  --font-sans: "Source Han Sans CN", "思源黑体", "PingFang SC",
               "Microsoft YaHei", sans-serif;

  /* ---------- 字号体系 ---------- */
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;
  --font-size-4xl: 28px;
  --font-size-5xl: 36px;
  --font-size-6xl: 48px;

  /* ---------- 字重 ---------- */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---------- 间距体系 ---------- */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-base: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  /* ---------- 圆角 ---------- */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-full: 50%;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.12);

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

  /* ---------- 布局 ---------- */
  --container-width: 1280px;
  --header-height: 90px;
  --banner-height: 560px;
  --section-padding: 80px 0;
}