/* Copyright (c) 2026 晓夜 (xiaoye). All rights reserved.
 * Licensed for non-commercial use only.
 */
/* theme.css — 设计令牌（主题变量）、重置、基础样式
 * 2026-09 工业实用主义重设计：
 *   - 去紫色系与渐变，单一信号琥珀点缀
 *   - 几何收紧（小圆角）、发丝线分割、平面化
 * 变量名与旧版完全兼容（内联样式 / JS 依赖这些变量）。
 */

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; font-family: var(--font-sans); }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
::selection { background: rgba(77, 107, 254, 0.30); }

/* ===== 设计令牌（跨主题共享）===== */
:root {
  --font-sans: 'IBM Plex Sans', 'Noto Sans SC', -apple-system, 'Segoe UI', 'Microsoft YaHei', sans-serif;
  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
  --font-serif: 'Noto Serif SC', Georgia, serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-1: 0 1px 3px rgba(24, 20, 16, 0.4);
  --shadow-2: 0 8px 24px rgba(24, 20, 16, 0.45);
  --shadow-3: 0 16px 48px rgba(24, 20, 16, 0.55);
  --transition: 140ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== THEME: MIDNIGHT（默认 · 现代中性炭 + DeepSeek 蓝）===== */
:root {
  --bg-main: #0F1012;
  --bg-panel: #17181B;
  --bg-hover: #1E2023;
  --bg-card: #1B1C20;
  --accent-gold: #4D6BFE;        /* 主强调：DeepSeek 品牌蓝 */
  --accent-purple: #3B82F6;      /* [沿用旧名] 次强调 = 亮蓝 */
  --text-main: #F2F3F5;
  --text-sub: #9DA3AD;
  --success: #3FB950;
  --warning: #D29922;
  --danger: #F47067;
  --border: #2A2C30;
  --resizer: #2E3034;
  --scrollbar: #2E3034;
  --member-active: #4D6BFE;
  --tag-bg: rgba(77, 107, 254, 0.14);
  /* 重设计新增令牌 */
  --bg-deep: #0D0E10;
  --accent-soft: rgba(77, 107, 254, 0.12);
  --gold-soft: rgba(77, 107, 254, 0.12);
  --accent-gradient: linear-gradient(135deg, #4D6BFE, #3B5BDB);
  --panel-glass: #17181B;
}

/* ===== THEME: ROYAL GARDEN（暖纸白 · 日光版）===== */
body.theme-garden {
  --bg-main: #F0EEE9;
  --bg-panel: #FAF9F6;
  --bg-hover: #E7E4DC;
  --bg-card: #FFFFFF;
  --accent-gold: #3B5BDB;
  --accent-purple: #4D6BFE;
  --text-main: #22252A;
  --text-sub: #6E7378;
  --success: #2D7A46;
  --warning: #A6761D;
  --danger: #B0353F;
  --border: #DBD8D0;
  --resizer: #CBC8BF;
  --scrollbar: #C9C6BD;
  --member-active: #4D6BFE;
  --tag-bg: rgba(77, 107, 254, 0.10);
  --bg-deep: #EAE8E1;
  --accent-soft: rgba(77, 107, 254, 0.10);
  --gold-soft: rgba(77, 107, 254, 0.10);
  --accent-gradient: linear-gradient(135deg, #4D6BFE, #3B5BDB);
  --panel-glass: #FAF9F6;
  --shadow-1: 0 1px 2px rgba(40, 36, 24, 0.10);
  --shadow-2: 0 6px 20px rgba(40, 36, 24, 0.12);
  --shadow-3: 0 12px 40px rgba(40, 36, 24, 0.16);
}

/* ===== THEME: WIKI LIBRARY（暖米白 · 棕色点缀）===== */
body.theme-wiki {
  --bg-main: #F6F4EF;
  --bg-panel: #FBF9F4;
  --bg-hover: #EEEAE1;
  --bg-card: #FFFFFF;
  --accent-gold: #B5651D;
  --accent-purple: #8B6F4E;
  --text-main: #2C2416;
  --text-sub: #6B5D4F;
  --success: #6B8E23;
  --warning: #B5651D;
  --danger: #B5463C;
  --border: #E3DDD0;
  --resizer: #D4CBB3;
  --scrollbar: #D4CBB3;
  --member-active: #B5651D;
  --tag-bg: rgba(181, 101, 29, 0.10);
  --bg-deep: #F0EDE4;
  --accent-soft: rgba(139, 111, 78, 0.10);
  --gold-soft: rgba(181, 101, 29, 0.10);
  --accent-gradient: linear-gradient(180deg, #B5651D, #94521A);
  --panel-glass: #FBF9F4;
  --shadow-1: 0 1px 3px rgba(80, 60, 30, 0.08);
  --shadow-2: 0 8px 24px rgba(80, 60, 30, 0.10);
  --shadow-3: 0 16px 48px rgba(80, 60, 30, 0.14);
  --font-serif: 'Noto Serif SC', 'Source Han Serif SC', Georgia, 'Times New Roman', serif;
}
body.theme-wiki .topbar-logo,
body.theme-wiki h1,
body.theme-wiki h2,
body.theme-wiki h3 {
  font-family: var(--font-serif);
  letter-spacing: 0.01em;
}

body { background: var(--bg-main); color: var(--text-main); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--scrollbar); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { filter: brightness(1.25); }

/* Lucide 图标基准（内联替代 emoji 图标） */
.lucide { width: 15px; height: 15px; stroke-width: 1.75; vertical-align: -2.5px; flex-shrink: 0; }
i[data-lucide] { display: inline-flex; }

/* ===== EMBER 主题微调 ===== */
::selection { background: rgba(217, 119, 87, 0.32); }
::-webkit-scrollbar-thumb { border-radius: 6px; border: 2px solid var(--bg-main); background-clip: padding-box; }