/* 凉风Lab 后台 · 品牌变量
   色值与 liangfenglab.com/design-system/system/brand.css 逐项一致。
   浅色为基底（:root），深色通过 <html data-theme="dark"> 覆盖；
   同时兼容主站使用的 .theme-dark 类名。 */

:root {
  --bg: #f9fafb;            /* 纸 Paper */
  --surface: #edf1f2;       /* 面 Surface */
  --surface-2: #e4e9ea;
  --fg: #1b2026;            /* 墨 Ink */
  --muted: #616a75;         /* 灰注 Muted */
  --border: #dce0e3;        /* 界 Border */
  --accent: #0090a9;        /* 凉风青 Breeze */
  --accent-hover: #007994;
  --accent-active: #006781;
  --accent-bg: #d6f1f8;
  --ok: #3b8d5d;
  --warn: #d49838;
  --err: #bd413f;
  --btn-bg: #007994;
  --btn-hover: #006781;
  --btn-active: #00566d;
  --status-ok-fg: #246b43;
  --status-warn-fg: #875a00;
  --status-err-fg: #9f302f;
  --status-neutral-fg: #4f5965;

  --font-display: "LF Serif SC", "Songti SC", "STSong", serif;
  --font-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  --radius: 8px;
  --radius-sm: 6px;
  --font-size: 15px;
  --line: 1.65;

  --shadow-1: 0 1px 2px rgba(27, 32, 38, .06);
  --shadow-2: 0 4px 14px rgba(27, 32, 38, .08);

  /* 后台专用：侧边栏与顶栏 */
  --nav-bg: #1b2026;
  --nav-fg: #c9d1d8;
  --nav-fg-strong: #ffffff;
  --nav-hover: #262c34;
  --nav-active-bg: #17333b;
  --nav-border: #2a3037;
  --topbar-bg: #ffffff;
  --card-bg: #ffffff;
}

html[data-theme="dark"], .theme-dark {
  --bg: #12161b;
  --surface: #1f242b;
  --surface-2: #262c34;
  --fg: #e5e8ea;
  --muted: #8e98a3;
  --border: #333840;
  --accent: #46aec5;
  --accent-hover: #63bdd1;
  --accent-active: #36a5be;
  --accent-bg: #17333b;
  --ok: #55a878;
  --warn: #dda94e;
  --err: #d2615f;
  --btn-bg: #46aec5;
  --btn-hover: #63bdd1;
  --btn-active: #2f9db6;
  --status-ok-fg: #55a878;
  --status-warn-fg: #dda94e;
  --status-err-fg: #e98986;
  --status-neutral-fg: #a0a8b1;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-2: 0 4px 14px rgba(0, 0, 0, .35);

  --nav-bg: #0e1216;
  --nav-fg: #a9b3bd;
  --nav-fg-strong: #e5e8ea;
  --nav-hover: #1a1f25;
  --nav-active-bg: #17333b;
  --nav-border: #22272d;
  --topbar-bg: #1f242b;
  --card-bg: #1f242b;
}