/* ═══════════ 全站主题变量层 ═══════════
   引入方式：templates/_theme_head.html（base.html 及独立页 <head> 最前）
   切换方式：<html data-theme="beige|green|dark">，无属性 = default
   注意：ME/通达信 IE 内核页禁止引入（不支持 var()）。

   变量语义：
     --bg-page   页面大底        --bg-card  卡片/面板/弹层
     --bg-soft   次级填充         --bg-muted 三级填充
     --bg-wash   近白洗底
     --tx-1/2/3  文字三档：主/次/弱
     --tx-red/green/orange/purple/blue/teal  语义文字色（涨跌/警示/强调）
     --bd-1/2    边框两档：可见线/细发线
     --soft-*    pastel 提示块底（dark 下为同色相半透明，文字色变亮仍可读）

   组件局部变量（--ink/--line/--dir-up-soft 等，含 .jbr/.tsr 等组件根上的定义）
   已在源头改指 var(--tx-*)/var(--bd-*)/var(--soft-*)，随本表联动，无需在此覆盖。 */

:root {
    --bg-page: #f5f7fa;
    --bg-card: #ffffff;
    --bg-soft: #f8f9fa;
    --bg-muted: #f5f5f5;
    --bg-wash: #fafafa;

    --tx-1: #333333;
    --tx-2: #666666;
    --tx-3: #999999;
    --tx-red: #d32f2f;
    --tx-green: #2e7d32;
    --tx-orange: #ef6c00;
    --tx-purple: #7c3aed;
    --tx-blue: #2a78d6;
    --tx-teal: #26a69a;

    --bd-1: #dddddd;
    --bd-2: #f0f0f0;
    --bd-green: #c8e6c9;
    --bd-red: #ffcdd2;
    --bd-orange: #ffcc80;
    --bd-blue: #b8d4e3;
    --bd-purple: #ce93d8;

    --soft-red: #ffebee;
    --soft-green: #e8f5e9;
    --soft-orange: #fff3e0;
    --soft-yellow: #fff8e1;
    --soft-blue: #e3f2fd;
    --soft-purple: #f3e8ff;
    --soft-pink: #fce4ec;
    --soft-teal: #e0f2f1;
}

/* 淡雅米 */
html[data-theme="beige"] {
    --bg-page: #f4f0e6;
    --bg-card: #fcfaf3;
    --bg-soft: #f3eee1;
    --bg-muted: #ece6d6;
    --bg-wash: #f8f4ea;
}

/* 护眼绿 */
html[data-theme="green"] {
    --bg-page: #e6f1e4;
    --bg-card: #f3f9f1;
    --bg-soft: #e4efe0;
    --bg-muted: #dce9d5;
    --bg-wash: #ecf4e8;
}

/* 纯黑（OLED）。文字/边框/pastel 全反转；语义色提亮保对比度 */
html[data-theme="dark"] {
    --bg-page: #000000;
    --bg-card: #14161b;
    --bg-soft: #1c1f26;
    --bg-muted: #232730;
    --bg-wash: #181b21;

    --tx-1: #e8ebef;
    --tx-2: #a9b2bc;
    --tx-3: #7d8791;
    --tx-red: #ff6b62;
    --tx-green: #5ed68a;
    --tx-orange: #ffb74d;
    --tx-purple: #a78bfa;
    --tx-blue: #8aa5ff;
    --tx-teal: #5eead4;

    --bd-1: #2e333d;
    --bd-2: #22262e;
    --bd-green: rgba(94, 214, 138, .32);
    --bd-red: rgba(255, 107, 98, .32);
    --bd-orange: rgba(255, 183, 77, .32);
    --bd-blue: rgba(138, 165, 255, .32);
    --bd-purple: rgba(167, 139, 250, .32);

    --soft-red: rgba(229, 57, 53, .18);
    --soft-green: rgba(46, 125, 50, .28);
    --soft-orange: rgba(239, 108, 0, .22);
    --soft-yellow: rgba(255, 179, 0, .18);
    --soft-blue: rgba(41, 121, 214, .24);
    --soft-purple: rgba(124, 58, 237, .26);
    --soft-pink: rgba(236, 64, 122, .2);
    --soft-teal: rgba(38, 166, 154, .2);
}