/* =========================================================
   天隆财税主题 · 变量层 (variables.css)
   职责：只放「值」，不放「结构」。
        1) 品牌色 / 中性色 / 尺度 / 动效 token（--c-*，供 css/style.css 消费）
        2) 把品牌色映射到系统设计令牌（--ds-* / --xj-*），
           让系统级组件（xj-btn / xj-card / 分页 / 404 页等）自动跟随主题换色

   换色原理：
     head.html 内联 :root 从 theme.json 的 config 注入 --brand-*，
     本文件把 --brand-* 落成设计系统真正消费的 --c-*。
     后台改 config 的 primary_color / accent_color 即可整站换色。
   ========================================================= */

:root{
  /* ---------- 品牌色（来自 theme.json config，带静态兜底） ---------- */
  --c-primary:var(--brand-primary, #0e2a47);          /* 深海军蓝（主色 · 信任感） */
  --c-primary-2:var(--brand-primary-dark, #0a1f36);   /* 主色加深（页脚 / 深底） */
  --c-primary-3:var(--brand-primary-light, #1d4a7a);  /* 主色提亮（渐变高光） */
  --c-accent:var(--brand-accent, #f5731c);            /* 活力橙（点缀 · 行动感） */
  --c-accent-2:var(--brand-accent-light, #ff9a52);    /* 浅橙 */

  /* ---------- 中性色 ---------- */
  --c-bg:#f4f6f9;
  --c-bg-soft:#eef2f7;
  --c-white:#ffffff;
  --c-dark:#0a1f36;

  /* ---------- 文字 ---------- */
  --c-text:#1f2d3d;
  --c-text-2:#5a6b7b;
  --c-text-3:#8a99a8;
  --c-line:#e3e8ef;

  /* ---------- 状态色 ---------- */
  --c-blue:#2f6fb3;
  --c-red:#c0392b;

  /* ---------- 尺度 ---------- */
  --maxw:1200px;
  --radius:8px;
  --radius-lg:14px;
  --shadow-sm:0 1px 3px rgba(16,42,71,.08);
  --shadow:0 6px 22px rgba(16,42,71,.10);
  --shadow-lg:0 16px 40px rgba(16,42,71,.16);
  --gap:24px;
  --header-h:74px;

  /* ---------- 动效 ---------- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.7s;
}

/* =========================================================
   系统设计令牌映射
   系统级 CSS（tokens.css / components.css）的组件默认吃 --ds-* / --xj-*，
   这里统一指向天隆品牌色，避免主题页面与系统组件撞色。
   ========================================================= */
:root{
  --ds-primary:var(--c-primary);
  --ds-primary-dark:var(--c-primary-2);
  --ds-primary-light:var(--c-accent);

  --xj-accent:var(--c-accent);
  --xj-accent-hover:var(--c-accent-2);
  --xj-primary:var(--c-primary);
}