/* ============================================================
   精品牙科网 — 前台主题色阶 (themes.css)  P0 · 2026-08-11 重构
   每套主题 = 独立情绪板（角色槽位），非同色相渐变。
   含中性色（白/灰/黑）+ 色系色；骨架用 --jp-chrome（top/bottom）。
   夜晚灰(night) 整体反转中性令牌，适配夜读。
   旧配色注释保留在文件尾部（重构成功后再删）。
   ============================================================ */

/* ── 经典橙 orange（明快 · 白底橙点缀）── */
[data-theme="orange"] {
    --jp-c-50: #FFF8F3; --jp-c-100: #FFEFE2; --jp-c-200: #FFE0C9; --jp-c-300: #FFC9A3; --jp-c-400: #FFA25C;
    --jp-c-500: #FF6B00; --jp-c-600: #E85400; --jp-c-700: #C74000; --jp-c-800: #3F3F3F; --jp-c-900: #1A1A1A;
    --jp-chrome: #FFFFFF;          /* 骨架=白底（橙点缀由组件主色承担） */
    --jp-chrome-fg: #3F3F3F;
    --jp-chrome-fg-soft: #8A8A8A;
    --jp-page-bg: #FFFFFF;
}

/* ── 医疗青 teal（沉稳 · 白底深青骨架）── */
[data-theme="teal"] {
    --jp-c-50: #F0FAF7; --jp-c-100: #D2F0E9; --jp-c-200: #A5E0D3; --jp-c-300: #6FC8B5; --jp-c-400: #47AE9C;
    --jp-c-500: #37A794; --jp-c-600: #2B8A7D; --jp-c-700: #23736A; --jp-c-800: #144540; --jp-c-900: #0C2E29;
    --jp-chrome: var(--jp-c-800);
    --jp-chrome-fg: #FFFFFF;
    --jp-chrome-fg-soft: rgba(255,255,255,.65);
    --jp-page-bg: #FFFFFF;
}

/* ── 科技蓝 blue（科技 · 白底黑蓝骨架）── */
[data-theme="blue"] {
    --jp-c-50: #EFF4FF; --jp-c-100: #DCE7FE; --jp-c-200: #B8CCFD; --jp-c-300: #8AAAF8; --jp-c-400: #5B8DEF;
    --jp-c-500: #2563EB; --jp-c-600: #1D4ED8; --jp-c-700: #1E40AF; --jp-c-800: #172554; --jp-c-900: #0E1735;
    --jp-chrome: var(--jp-c-800);
    --jp-chrome-fg: #FFFFFF;
    --jp-chrome-fg-soft: rgba(255,255,255,.65);
    --jp-page-bg: #FFFFFF;
}

/* ── 夜晚灰 night（浅灰护眼底 · 黑白灰极简，替代原典雅灰）── */
/* 2026-08-12 用户定调：夜读深底仍太深 → 背景换浅灰（护眼灰 #F4F4F4，非纯白），深字；主色石墨灰；卡片白底 */
[data-theme="night"] {
    --jp-c-50: #F7F7F7; --jp-c-100: #EFEFEF; --jp-c-200: #E4E4E4; --jp-c-300: #D4D4D4; --jp-c-400: #BFBFBF;
    --jp-c-500: #4A4A4A; --jp-c-600: #3E3E3E; --jp-c-700: #343434; --jp-c-800: #2A2A2A; --jp-c-900: #1E1E1E;
    --jp-chrome: #FFFFFF;          /* 骨架 = 白 */
    --jp-chrome-fg: #3F3F3F;
    --jp-chrome-fg-soft: #8A8A8A;
    --jp-page-bg: #F4F4F4;         /* 页面 = 浅灰（护眼，非纯白） */
    --jp-surface: #FFFFFF;         /* 卡片 = 白 */
    --jp-ink: #232323;             /* 主文字 深灰 */
    --jp-body: #555555;            /* 正文 */
    --jp-muted: #8A8A8A;           /* 次要 */
    --jp-line: #E4E4E4;            /* 边框 */
    --jp-bg: #F0F0F0;              /* 区块/hover 底 */
    --jp-placeholder: #A6A6A6;
    /* 灰阶 */
    --jp-gray-200: #E8E8E8; --jp-gray-300: #B9B9B9; --jp-gray-400: #B0B0B0;
    --jp-gray-500: #8A8A8A; --jp-gray-600: #777777; --jp-gray-700: #666666;
    --jp-gray-800: #4A4A4A; --jp-gray-900: #333333;
    --jp-price: var(--jp-gray-800);
}

/* 旧配色注释保留（2026-08-11 重构，成功后再删）：
[data-theme="orange"] { --jp-c-50:#FFF4EC; --jp-c-100:#FFE5D1; --jp-c-200:#FFC9A3; --jp-c-300:#FFA86E; --jp-c-400:#FF7A33; --jp-c-500:#FF5C01; --jp-c-600:#E04E00; --jp-c-700:#B83F00; --jp-c-800:#5C1E00; --jp-c-900:#3D1300; }
[data-theme="teal"] { --jp-c-50:#EFFAF7; --jp-c-100:#D2F0E9; --jp-c-200:#A5E0D3; --jp-c-300:#6FC8B5; --jp-c-400:#47AE9C; --jp-c-500:#37A794; --jp-c-600:#2B8A7D; --jp-c-700:#23736A; --jp-c-800:#1B5C55; --jp-c-900:#144540; }
[data-theme="blue"] { --jp-c-50:#EFF4FF; --jp-c-100:#DCE7FE; --jp-c-200:#B8CCFD; --jp-c-300:#8AAAF8; --jp-c-400:#5B8DEF; --jp-c-500:#2563EB; --jp-c-600:#1D4ED8; --jp-c-700:#1E40AF; --jp-c-800:#1E3A8A; --jp-c-900:#172554; }
[data-theme="gray"] { --jp-c-50:#F8F8F8; --jp-c-100:#F0F0F0; --jp-c-200:#E4E4E4; --jp-c-300:#D0D0D0; --jp-c-400:#B0B0B0; --jp-c-500:#4A4A4A; --jp-c-600:#3E3E3E; --jp-c-700:#343434; --jp-c-800:#2A2A2A; --jp-c-900:#1E1E1E; }
*/