/* ============================================================
   variables.css —— 设计令牌（颜色 / 字号 / 间距 / 主题）
   三套主题：light（日间） / dark（夜间） / eye（护眼绿）
   切换方式：<html data-theme="light|dark|eye">
   ============================================================ */

:root {
  /* 主色（沉稳蓝绿）+ 强调色（暖橙） */
  --primary: #2b7a78;
  --primary-strong: #236360;
  --primary-soft: #e6f1f0;
  --accent: #e8833a;
  --accent-soft: #fbe9da;

  /* 中性色 */
  --bg: #f5f7f8;
  --surface: #ffffff;
  --surface-2: #f0f2f4;
  --text: #1f2933;
  --text-2: #52606d;
  --text-3: #9aa5b1;
  --border: #e3e7ea;

  /* 语义色 */
  --danger: #d64545;
  --success: #3a9d63;
  --warning: #dd9d28;
  --info: #3b7bbf;

  /* 形态 */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow-pop: 0 8px 24px rgba(16, 24, 40, 0.12);

  /* 布局尺寸 */
  --sidebar-w: 212px;
  --topbar-h: 56px;
  --tabbar-h: 58px;

  /* 阅读 */
  --font-size: 17px;
  --line-height: 1.75;
  --font-stack: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC",
    "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;
}

/* ---------- 夜间主题 ---------- */
[data-theme="dark"] {
  --primary: #54aaa7;
  --primary-strong: #74c2bf;
  --primary-soft: #1e2e2d;
  --accent: #ef9a5b;
  --accent-soft: #38281d;

  --bg: #121417;
  --surface: #1c1f24;
  --surface-2: #24282f;
  --text: #e4e7eb;
  --text-2: #9aa5b1;
  --text-3: #6b7684;
  --border: #2d3138;

  --danger: #e06868;
  --success: #57b57d;
  --warning: #e3b04c;
  --info: #6aa0d6;

  --shadow: none;
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* ---------- 护眼绿主题 ---------- */
[data-theme="eye"] {
  --primary: #4a7c59;
  --primary-strong: #3d684a;
  --primary-soft: #dce8d4;
  --accent: #c2742f;
  --accent-soft: #e7dac8;

  --bg: #dfeedd;
  --surface: #eef5e6;
  --surface-2: #e2ecd7;
  --text: #2d3b2d;
  --text-2: #4f614f;
  --text-3: #7a8c7a;
  --border: #c9d8bf;

  --shadow: none;
}