/* Beayy 设计系统 — 由 设计系统/墨线/project/tokens.json 生成（app/ui/tools/同步墨线.py），不要手改 */
:root {
  --page: #fcfcfb;
  --sunken: #f9f9f7;
  --grouped: #f2f2ef;
  --surface: #ffffff;
  --popover: #ffffff;
  --sidebar: #fbfbf9;
  --sidebar-selected: #edece8;
  --ink: #0b0b0b;
  --ink-2: #52514e;
  --ink-3: #73726c;
  --ink-4: #75746e;
  --ink-disabled: rgba(11,11,11,0.35);
  --line: rgba(11,11,11,0.10);
  --line-2: rgba(11,11,11,0.06);
  --line-strong: rgba(11,11,11,0.16);
  --hover: rgba(11,11,11,0.05);
  --selected: rgba(11,11,11,0.10);
  --primary: #0b0b0b;
  --primary-hover: #2c2c2a;
  --on-primary: #ffffff;
  --brand: #5f8a76;
  --focus: #2a78d6;
  --accent-ink: #184f95;
  --on-accent: #ffffff;
  --ok: #009300;
  --ok-ink: #006300;
  --ok-wash: rgba(0,147,0,0.10);
  --warn: #fab219;
  --warn-ink: #734500;
  --warn-wash: rgba(250,178,25,0.16);
  --risk: #d03b3b;
  --risk-ink: #8e2626;
  --risk-wash: rgba(208,59,59,0.10);
  --on-risk: #ffffff;
  --brand-wash: rgba(143,181,164,0.55);
  --scrim: rgba(11,11,11,0.50);
  --font-sans: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
  --font-serif: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --control-sm: 28px;
  --control-md: 32px;
  --control-lg: 40px;
  --control-touch: 44px;
  --sidebar-width: 288px;
  --sidebar-collapsed: 56px;
  --page-max: 1280px;
  --reading-width: 960px;
  --form-width: 720px;
  --dialog-width: 1120px;
  --dialog-width-sm: 480px;
  --list-row: 63px;
  --table-head: 36px;
  --table-row: 48px;
  --shadow-sm: 0 1px 2px 0 rgba(11,11,11,0.06), 0 2px 8px 0 rgba(11,11,11,0.08);
  --shadow-lg: 0 4px 8px 0 rgba(11,11,11,0.08), 0 12px 28px -2px rgba(11,11,11,0.08);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: #151515;
    --sunken: #0b0b0b;
    --grouped: #0b0b0b;
    --surface: #1a1a19;
    --popover: #20201f;
    --sidebar: #101010;
    --sidebar-selected: rgba(255,255,255,0.15);
    --ink: #f0efec;
    --ink-2: #c3c2b7;
    --ink-3: #a5a49a;
    --ink-4: #898781;
    --ink-disabled: rgba(255,255,255,0.35);
    --line: rgba(255,255,255,0.10);
    --line-2: rgba(255,255,255,0.06);
    --line-strong: rgba(255,255,255,0.20);
    --hover: rgba(255,255,255,0.075);
    --selected: rgba(255,255,255,0.15);
    --primary: #ffffff;
    --primary-hover: #e1e0d9;
    --on-primary: #0b0b0b;
    --brand: #8fb5a4;
    --accent-ink: #6da7ec;
    --ok-ink: #0ca30c;
    --ok-wash: #11260f;
    --warn-ink: #db9300;
    --warn-wash: #311a00;
    --risk-ink: #ec7e7e;
    --risk-wash: #3c0e0e;
    --brand-wash: rgba(143,181,164,0.45);
    --scrim: rgba(0,0,0,0.60);
    --shadow-sm: 0 1px 2px 0 rgba(11,11,11,0.06), 0 2px 8px 0 rgba(0,0,0,0.24);
    --shadow-lg: 0 4px 8px 0 rgba(11,11,11,0.08), 0 12px 28px -2px rgba(0,0,0,0.24);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --page: #151515;
  --sunken: #0b0b0b;
  --grouped: #0b0b0b;
  --surface: #1a1a19;
  --popover: #20201f;
  --sidebar: #101010;
  --sidebar-selected: rgba(255,255,255,0.15);
  --ink: #f0efec;
  --ink-2: #c3c2b7;
  --ink-3: #a5a49a;
  --ink-4: #898781;
  --ink-disabled: rgba(255,255,255,0.35);
  --line: rgba(255,255,255,0.10);
  --line-2: rgba(255,255,255,0.06);
  --line-strong: rgba(255,255,255,0.20);
  --hover: rgba(255,255,255,0.075);
  --selected: rgba(255,255,255,0.15);
  --primary: #ffffff;
  --primary-hover: #e1e0d9;
  --on-primary: #0b0b0b;
  --brand: #8fb5a4;
  --accent-ink: #6da7ec;
  --ok-ink: #0ca30c;
  --ok-wash: #11260f;
  --warn-ink: #db9300;
  --warn-wash: #311a00;
  --risk-ink: #ec7e7e;
  --risk-wash: #3c0e0e;
  --brand-wash: rgba(143,181,164,0.45);
  --scrim: rgba(0,0,0,0.60);
  --shadow-sm: 0 1px 2px 0 rgba(11,11,11,0.06), 0 2px 8px 0 rgba(0,0,0,0.24);
  --shadow-lg: 0 4px 8px 0 rgba(11,11,11,0.08), 0 12px 28px -2px rgba(0,0,0,0.24);
  color-scheme: dark;
}