:root {
  /* 品牌主色阶（玫瑰粉 · 深浅主题通用语义）：
     50=weak 弱背景 / 400=accent 主色(装饰/边框/图标) / 600=strong 主按钮·active(白字5.56:1)
     700=deep 主按钮hover / 900=badge 深色文字 */
  --accent: #c96a8b;
  --accent-strong: #a8476a;
  --accent-deep: #93406a;
  --accent-weak: #f9e6ed;
  --accent-contrast: #ffffff;

  --bg: #f4f5fb;
  --surface: #ffffff;
  --surface-2: #eef0f7;
  --surface-3: #e7e9f2;
  --login-bg: #fdf3f6; /* 登录页浅粉纸感底（与品牌粉系统一） */

  /* 轻奢编辑风（主应用）：纸感底色 / 层次面 / 细线 / 墨色按钮 */
  --app-bg: #fbfaf8;
  --paper: #f1eee8;   /* 纸感层次面：统计卡 / 快捷卡 / 表头 */
  --paper-2: #f6f4ef; /* 更浅纸面：侧栏底 / 行 hover */
  --line: #e8e4dc;    /* 细线：卡片描边 / 分隔 */
  --line-strong: #b8b1a4; /* 输入下划线 */
  --ink: #232733;     /* 墨色主按钮底 */
  --ink-contrast: #fbfaf8; /* 墨底文字 */
  --accent-line: rgba(168, 71, 106, .35);
  --ok-line: rgba(31, 157, 87, .35);
  --warn-line: rgba(232, 146, 12, .4);
  --danger-line: rgba(229, 72, 77, .35);

  --text: #232733;
  --input-text: #16181f; /* 输入框内文字：比正文略深，提升对比度 */
  --input-border: #c0c5d5; /* 输入框边框：比 --border 略深，避免白底看不清 */
  --text-weak: #6b7280;
  --text-faint: #767d94; /* 弱化文字：正文对比 ~3.9:1，仅供版权/占位等非关键信息 */

  --border: #e8e4dc; /* 细线（轻奢编辑风米灰） */
  --border-strong: #cfc8bc;

  --danger: #e5484d;
  --danger-strong: #c0353a; /* danger 按钮底色（白字对比 ≥4.5:1） */
  --danger-weak: #fde8e8;
  --warn: #e8920c;
  --warn-strong: #a86608; /* warn 按钮底色（白字对比 ≥4.5:1） */
  --warn-weak: #fdf1dc;
  --ok: #1f9d57;
  --ok-weak: #e2f6ea;
  --info: #3b6fd4;

  /* 阴影分层：sm 悬浮于表面 / md 常规卡片 / lg 弹窗抽屉 */
  --shadow-sm: 0 1px 2px rgba(25, 27, 51, 0.04), 0 4px 12px rgba(25, 27, 51, 0.06);
  --shadow: 0 6px 20px rgba(25, 27, 51, 0.09);
  --shadow-lg: 0 20px 48px rgba(25, 27, 51, 0.18);

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;

  /* 统一焦点环（键盘导航可见、不打扰鼠标用户） */
  --focus-ring: 0 0 0 3px rgba(201, 106, 139, 0.30);

  --sidebar-w: 232px;
  --topbar-h: 60px;

  --font: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

[data-theme="dark"] {
  /* 深色主题：主色提亮置于深底之上，主按钮用亮粉底+深色文字（对比 ~6:1） */
  --accent: #d97ba0;
  --accent-strong: #e58eaf;
  --accent-deep: #c96a8b;
  --accent-weak: #3a2733;
  --accent-contrast: #1a1320;

  --bg: #14161f;
  --surface: #1e2130;
  --surface-2: #262a3c;
  --surface-3: #2e3346;
  --login-bg: #1d1620; /* 登录页深色主题：深粉墨底，与 logo 紫红和谐 */

  /* 轻奢编辑风（深色主题映射）：深墨底 + 细线，主按钮亮底深字 */
  --app-bg: #14161f;
  --paper: #1e2130;
  --paper-2: #262a3c;
  --line: #2c3144;
  --line-strong: #3a4058;
  --ink: #e9ebf4;
  --ink-contrast: #1e2130;
  --accent-line: rgba(217, 123, 160, .45);
  --ok-line: rgba(69, 196, 131, .45);
  --warn-line: rgba(240, 169, 58, .5);
  --danger-line: rgba(255, 107, 112, .45);

  --text: #e9ebf4;
  --text-weak: #a3a9c0;
  --text-faint: #8b92ab;

  --border: #2c3144;
  --border-strong: #3a4058;

  --danger: #ff6b70;
  --danger-strong: #ff6b70;
  --danger-weak: #3a2326;
  --warn: #f0a93a;
  --warn-strong: #f0a93a;
  --warn-weak: #3a2f1c;
  --ok: #45c483;
  --ok-weak: #1d3329;
  --info: #6f9bf0;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.6);

  --focus-ring: 0 0 0 3px rgba(217, 123, 160, 0.35);
}
