/* ==========================================================================
   律铠 V5 · 品牌适配层（theme.css）
   --------------------------------------------------------------------------
   ✅ 已对齐 lawflag.com 官网（2026-10-12 实测取值，来源：官网首页计算样式）

   接入官网时，原则上只需要改这一个文件。
   style.css 与 app.js 都读取这些变量，不写死颜色。
   ========================================================================== */

:root{

  /* ========== 官网对齐区（lawflag.com 实测值） ========== */

  /* 1. 主操作色：官网主按钮 / 大标题用的是墨黑（非蓝） */
  --brand:#1d1d1f;
  /* 2. 强调色：官网深海军蓝（品牌变量 --navy），用于 hover 与链接 */
  --brand-2:#0a1c36;
  /* 3. 浅底：官网金色浅底 rgba(181,144,60,.08)，用于标签底/hover底/图标底 */
  --brand-soft:#f6efe1;
  /* 4. 描边：官网分隔线 rgba(0,0,0,.06) 系 */
  --brand-line:#e5e2da;

  /* 5. 字体：官网 body 实际字体栈（含 SF Pro Display） */
  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;

  /* 6. 圆角：官网卡片 24–28px；按钮为胶囊（980px） */
  --radius:24px;
  --radius-sm:12px;
  --btn-radius:980px;

  /* 7. 主色 RGB 三元组（阴影/覆盖层用，墨黑） */
  --shadow-rgb:29,29,31;

  /* 8. 内容区最大宽度：官网容器 1200px */
  --wrap-max:1200px;

  /* ========== 官网原生色板（官网 :root 原样收录，供组件选用） ========== */
  --lk-navy:#0a1c36;    /* 官网 --navy */
  --lk-gold:#b5903c;    /* 官网 --gold */
  --lk-gold-lt:#d4b872; /* 官网 --gold-lt */
  --lk-coral:#c45c3e;   /* 官网 --coral */
  --lk-teal:#2d6a6a;    /* 官网 --teal */
  --lk-sub:#86868b;     /* 官网 --sub */

  /* ========== 中性色（官网同款：暖米白底 + 墨色文字） ========== */
  --bg:#f7f6f2;         /* 官网 --bg 暖米白 */
  --card:#ffffff;
  --ink:#1d1d1f;        /* 官网 --ink */
  --ink-2:#5f5f66;
  --ink-3:#86868b;      /* 官网 --sub */
  --line:rgba(0,0,0,.07);
  --line-2:rgba(0,0,0,.045);

  /* ========== 语义色：风险等级 ========== */
  --crit:#c0392b;    /* 极高风险 */
  --high:#d97b1e;    /* 高风险 */
  --mid:#c9a227;     /* 中风险 */
  --low:#1e8a4c;     /* 低风险 / 正常 */

  /* 风险地图专用：供 JS 读取做深浅着色 */
  --lv-critical:#c0392b;
  --lv-high:#e67e22;
  --lv-mid:#f1c40f;
  --lv-low:#27ae60;

  /* 价格强调色：官网金色系（官网金色文字用 #96762e 保证对比度） */
  --price:#96762e;

  /* ========== 派生变量：无需手改 ========== */
  --shadow:0 1px 2px rgba(var(--shadow-rgb),.04),0 1px 3px rgba(var(--shadow-rgb),.05);
  --shadow-hi:0 6px 20px rgba(var(--shadow-rgb),.10);
  --shadow-brand:0 2px 8px rgba(var(--shadow-rgb),.18);
  --shadow-ring:0 0 0 4px rgba(var(--shadow-rgb),.12);
  --shadow-plan:0 10px 30px rgba(var(--shadow-rgb),.13);
}