/* ==========================================================================
   Design Tokens — 设计变量集中管理
   所有颜色、阴影、圆角、间距在此定义，组件引用变量而非硬编码值。
   ========================================================================== */

:root {
  /* ── 品牌色 ─────────────────────────────── */
  --color-primary:        #075b88;
  --color-primary-deep:   #044564;
  --color-primary-bright: #0f8fbe;
  --color-primary-soft:   #e9f6fb;
  --color-primary-rgb:    7, 91, 136;

  --color-cyan:   #4eb4d8;
  --color-cyan-2: #20a9d6;

  /* ── 语义色 ─────────────────────────────── */
  --color-success:       #16804f;
  --color-success-soft:  #e9f8ef;
  --color-danger:        #b94848;
  --color-danger-soft:   #fdecec;
  --color-warning:       #b98418;
  --color-warning-soft:  #fff6df;

  /* ── 中性色 ─────────────────────────────── */
  --color-bg:      #f4f7fa;
  --color-surface: #ffffff;
  --color-text:    #263746;
  --color-text-heading: #12354a;
  --color-muted:   #71899a;
  --color-border:  #dceaf1;

  /* ── 圆角 ───────────────────────────────── */
  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1.1rem;
  --radius-xl:  1.5rem;
  --radius-full: 999px;

  /* ── 阴影 ───────────────────────────────── */
  --shadow-sm:   0 8px 22px rgba(13, 63, 91, 0.055);
  --shadow-md:   0 14px 34px rgba(13, 63, 91, 0.085);
  --shadow-lg:   0 18px 42px rgba(8, 101, 143, 0.16);
  --shadow-card: 0 12px 30px rgba(27, 73, 101, 0.08);

  /* ── 渐变 ───────────────────────────────── */
  --gradient-brand: linear-gradient(115deg, #05486b 0%, #086892 45%, #0a83b0 100%);
  --gradient-hero:  linear-gradient(135deg, #075577 0%, #087eaa 56%, #48add2 100%);

  /* ── 字体 ───────────────────────────────── */
  --font-family: "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --font-size-sm: 0.82rem;
  --font-size-base: 0.95rem;
  --font-size-lg: 1.15rem;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-black: 800;

  /* ── 间距 ───────────────────────────────── */
  --space-xs: 0.35rem;
  --space-sm: 0.65rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
}