/* ============================================================
   falv-skin.css · 法律网三皮肤（橙 / 藏青 / 青绿）× 白天 / 晚上
   ------------------------------------------------------------
   用途：给「My Work AI v1.0」前台新架构（public/static/news/*.css
   体系）提供一套可切换的品牌皮肤。

   设计原则（避免与既有体系重复/冲突）：
   1. 只覆盖新前台 base.css 已定义的那组令牌名
      (--accent / --accent-soft / --accent-h / --navy / --ok ...)，
      不新增命名体系，避免两套令牌并存。
   2. 只用 [data-accent="falv-*"] 三个专属值命名空间，
      与既有 theme.css 的 amber/jade/indigo/... 互不覆盖。
   3. 选择器带 html[data-accent=...]，特异性高于 base.css 的 :root，
      因此加载顺序不影响结果，后加载也不会被覆盖。
   4. 夜间令牌必须同时命中 data-accent 与 data-theme，
      旧页面（app/admin 体系）不带 falv-* 值 → 完全不受影响。

   启用方式（任选其一）：
   a) <html data-accent="falv-orange">  —— 即刻生效
   b) 引入 falv-skin.js，由它读取本地存储自动挂载 + 提供切换器
   ============================================================ */

/* ---------- 皮肤一：法律橙（前台主色，默认）---------- */
html[data-accent="falv-orange"]{
  --accent:#FF4400;
  --accent-h:#E03A00;          /* hover / 深一档 */
  --accent-soft:#FFF1EA;       /* 浅底 */
  --accent-line:rgba(255,68,0,.32);
  --navy:#10325D;
  --navy-deep:#0A1F38;
  --navy-soft:#E8EDF3;
}

/* ---------- 皮肤二：藏青（稳重）---------- */
html[data-accent="falv-navy"]{
  --accent:#10325D;
  --accent-h:#0A1F38;
  --accent-soft:#E8EDF3;
  --accent-line:rgba(16,50,93,.28);
  --navy:#0A1F38;
  --navy-deep:#061426;
  --navy-soft:#E4EAF0;
}

/* ---------- 皮肤三：青绿（与总后台 admin.css 一致）---------- */
html[data-accent="falv-teal"]{
  --accent:#0E9F8C;
  --accent-h:#0B7C6D;
  --accent-soft:#E6F5F2;
  --accent-line:rgba(14,159,140,.30);
  --navy:#0F3B36;
  --navy-deep:#0A2A27;
  --navy-soft:#E3F1EF;
}

/* ============================================================
   夜间令牌（仅当同时选中 falv-* 皮肤时生效）
   ============================================================ */
html[data-accent="falv-orange"][data-theme="dark"]{
  --bg:#0E1520; --card:#141C28; --side:#101823;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.06);
  --t1:#E9ECEF; --t2:#A6B0BA; --t3:#7C8794; --t4:#5C6874; --ink:#E9ECEF;
  --accent:#FF6A3D; --accent-h:#FF8A66;
  --accent-soft:rgba(255,106,61,.14); --accent-line:rgba(255,106,61,.34);
  --ok:#4FC08D; --ok-soft:rgba(79,192,141,.12);
  --navy:#2C5A96; --navy-deep:#1B3A63; --navy-soft:rgba(44,90,150,.16);
  --sh:0 1px 2px rgba(0,0,0,.30);
  --sh-2:0 12px 32px rgba(0,0,0,.35);
}
html[data-accent="falv-navy"][data-theme="dark"]{
  --bg:#0C1218; --card:#131A22; --side:#0F151C;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.06);
  --t1:#E7ECF2; --t2:#A3AFBD; --t3:#79879A; --t4:#59677A; --ink:#E7ECF2;
  --accent:#4E86C6; --accent-h:#6FA0D8;
  --accent-soft:rgba(78,134,198,.14); --accent-line:rgba(78,134,198,.36);
  --ok:#4FC08D; --ok-soft:rgba(79,192,141,.12);
  --navy:#2C5A96; --navy-deep:#1B3A63; --navy-soft:rgba(44,90,150,.16);
  --sh:0 1px 2px rgba(0,0,0,.30);
  --sh-2:0 12px 32px rgba(0,0,0,.35);
}
html[data-accent="falv-teal"][data-theme="dark"]{
  --bg:#0B1214; --card:#121A1D; --side:#0F1619;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.06);
  --t1:#E6EDEC; --t2:#9FB1AF; --t3:#748583; --t4:#556564; --ink:#E6EDEC;
  --accent:#2DBFA8; --accent-h:#54D4C0;
  --accent-soft:rgba(45,191,168,.14); --accent-line:rgba(45,191,168,.36);
  --ok:#4FC08D; --ok-soft:rgba(79,192,141,.12);
  --navy:#1B3A63; --navy-deep:#122845; --navy-soft:rgba(27,58,99,.16);
  --sh:0 1px 2px rgba(0,0,0,.30);
  --sh-2:0 12px 32px rgba(0,0,0,.35);
}

/* ============================================================
   B 段 · 老体系令牌映射（tokens.css / portal.css / app.css / theme.css）
   ------------------------------------------------------------
   老前台的品牌令牌叫 --orange（不是 --accent）。
   这里把 falv-* 三皮肤同步写到 --orange 系，使
   「新前台（news 体系）」与「老前台 / 会员端 / 律师端」
   共用同一套品牌值 —— 同一个 data-accent 值，两端都变色。

   特异性：html[data-accent="falv-*"] = (0,1,1)
           高于 tokens.css 的 :root (0,1,0)，加载顺序无关；
           夜间段 (0,2,1) 高于 theme.css 的 [data-accent][data-theme] (0,2,0)。
   ============================================================ */

/* 橙 · 白天 */
html[data-accent="falv-orange"]{
  --orange:#FF4400; --orange-d:#E03A00; --orange-lt:#FFB38A;
  --orange-50:#FFF5F0; --orange-100:#FFEBE1; --orange-200:#FAD2BE;
  --brand:#FF4400; --brand-d:#E03A00;
}
/* 藏青 · 白天 */
html[data-accent="falv-navy"]{
  --orange:#10325D; --orange-d:#0A1F38; --orange-lt:#6E93C4;
  --orange-50:#F2F5F9; --orange-100:#E6ECF4; --orange-200:#C7D5E7;
  --brand:#10325D; --brand-d:#0A1F38;
}
/* 青绿 · 白天 */
html[data-accent="falv-teal"]{
  --orange:#0E9F8C; --orange-d:#0B7C6D; --orange-lt:#5FD3C2;
  --orange-50:#F0FAF8; --orange-100:#DFF5F1; --orange-200:#B8E4DC;
  --brand:#0E9F8C; --brand-d:#0B7C6D;
}

/* 橙 · 夜间 */
html[data-accent="falv-orange"][data-theme="dark"]{
  --orange:#FF6A3D; --orange-d:#FF8A66; --orange-lt:#FFB495;
  --orange-50:rgba(255,106,61,.14); --orange-100:rgba(255,106,61,.22); --orange-200:rgba(255,106,61,.38);
  --brand:#FF6A3D; --brand-d:#FF8A66;
}
/* 藏青 · 夜间（藏青在深底上必须提亮，否则几乎不可读） */
html[data-accent="falv-navy"][data-theme="dark"]{
  --orange:#7FA6D9; --orange-d:#9DBDE8; --orange-lt:#C2D8F2;
  --orange-50:rgba(127,166,217,.14); --orange-100:rgba(127,166,217,.22); --orange-200:rgba(127,166,217,.38);
  --brand:#7FA6D9; --brand-d:#9DBDE8;
}
/* 青绿 · 夜间 */
html[data-accent="falv-teal"][data-theme="dark"]{
  --orange:#2DBFA8; --orange-d:#54D4C0; --orange-lt:#8FE3D6;
  --orange-50:rgba(45,191,168,.14); --orange-100:rgba(45,191,168,.22); --orange-200:rgba(45,191,168,.38);
  --brand:#2DBFA8; --brand-d:#54D4C0;
}

/* ============================================================
   C 段 · 首页色板锁定
   ------------------------------------------------------------
   首页是定稿页：主按钮（CTA）与文字链接固定用定稿色，
   不参与三皮肤切换 —— 换皮肤时首页主按钮仍是纯橙，
   不会被带成藏青或青绿。

   特异性：html[data-accent] .pg-home (0,2,0) 高于
           html[data-accent="falv-*"] (0,1,1)；
   夜间段 (0,3,0) 高于夜间皮肤段 (0,2,1)。
   ============================================================ */
html[data-accent] .pg-home{
  --accent:#FF4400; --accent-h:#D63A00; --accent-soft:#FFF1EA;
  --navy:#10325D; --navy-deep:#0A1F38; --navy-soft:#E8EDF3;
}
html[data-accent][data-theme="dark"] .pg-home{
  --accent:#FF6A3D; --accent-h:#E0552B; --accent-soft:#2E1A12;
  --navy:#2C5A96; --navy-deep:#1A3A64; --navy-soft:#182433;
}

/* ============================================================
   2026-11-01 · 夜间 logo 可读性兜底
   ------------------------------------------------------------
   logo-falv-blue / logo-ft-full / logo-ft-text 都是「蓝标 + 黑字」，
   夜间黑字落在深底上等于隐形 → 这里整枚反白，保证其它页面可读。
   首页已用「蓝标 PNG + 白字 HTML」单独处理（.lg-mark），不冲突。
   ============================================================ */
html[data-theme="dark"] img[src*="logo-falv-blue.png"],
html[data-theme="dark"] img[src*="logo-ft-full.png"],
html[data-theme="dark"] img[src*="logo-ft-text.png"]{filter:brightness(0) invert(1)}