/* 由 design/tokens.json 生成，请勿手改。跑 npm run tokens 重新生成。 */
:root{
  --color-bg:#F4F7F8;
  --color-surface:#FFFFFF;
  --color-sunken:#F7FAFA;
  --color-line:#DCE5E9;
  --color-line-soft:#EAF0F2;
  --color-ink-900:#0E2A33;
  --color-ink-700:#1F4351;
  --color-ink-500:#526C77;
  --color-ink-300:#8A9DA5;
  --color-brand-700:#12504D;
  --color-brand-800:#0E3B3F;
  --color-brand-900:#072428;
  --color-brand-600:#176C68;
  --color-brand-50:#E8F2F1;
  --color-info:#1F6FB2;
  --color-action:#E8590C;
  --color-warn:#B7791F;
  --color-danger:#C53030;
  --color-success:#2F855A;
  --color-neutral:#6B7A80;
  --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:10px;
  --radius-lg:14px;
  --radius-pill:999px;
  --shadow-card:0 1px 2px rgba(14,42,51,.06);
  --shadow-pop:0 12px 32px rgba(14,42,51,.16);
  --font-size-xs:11.5px;
  --font-size-sm:12.5px;
  --font-size-base:14px;
  --font-size-md:15px;
  --font-size-lg:17px;
  --font-size-xl:20px;
  --font-size-2xl:26px;
  --line-tight:1.35;
  --line-base:1.55;
  --line-loose:1.65;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-heavy:800;
  --layout-sidebar:248px;
  --layout-detail:380px;
  --layout-detail-wide:520px;
}
[data-density="comfortable"]{
  --density-row-y:11px;
  --density-row-x:12px;
  --density-control:38px;
}
[data-density="compact"]{
  --density-row-y:7px;
  --density-row-x:10px;
  --density-control:32px;
}

[data-theme="dark"]{
  --color-bg:#0B1A1F;
  --color-surface:#12262C;
  --color-sunken:#0E2026;
  --color-line:#23414A;
  --color-line-soft:#1B343B;
  --color-ink-900:#EAF2F4;
  --color-ink-700:#C3D5DA;
  --color-ink-500:#93ACB4;
  --color-ink-300:#6A838B;
  --color-brand-700:#12504D;
  --color-brand-600:#176C68;
  --color-brand-50:#123A38;
  --color-info:#4FA3E3;
  --color-action:#FF7A33;
  --color-warn:#E0A93F;
  --color-danger:#F06565;
  --color-success:#4CAF7D;
  --color-neutral:#8C9BA1;
}