/* UIAtlas Foundation V0 · 唯一视觉数值源。语义优先，不建立完整色阶。 */
:root {
  color-scheme: light;
  --color-text: #202a36;
  --color-text-muted: #586574;
  --color-text-inverse: #ffffff;
  --color-background: #f3f5f7;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8f9fb;
  --color-border: #d9dfe6;
  --color-border-control: #8592a2;
  --color-primary: #245bb5;
  --color-primary-hover: #1e4e9d;
  --color-primary-pressed: #193f7e;
  --color-danger: #b32d3b;
  --color-danger-hover: #972532;
  --color-danger-pressed: #7c1e29;
  --color-hover: #edf1f6;
  --color-pressed: #dce3ec;
  --color-selected: #e8effc;
  --color-disabled-background: #e9edf1;
  --color-disabled-text: #74808e;
  --color-success: #247044;
  --color-warning: #865c0b;
  --color-error: var(--color-danger);
  --color-focus: var(--color-primary);

  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 12px;
  --space-l: 20px;
  --space-xl: 32px;

  --font-family: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", sans-serif;
  --font-family-mono: "Cascadia Code", Consolas, monospace;
  --font-size-caption: 12px;
  --font-size-body: 14px;
  --font-size-heading: 18px;
  --font-size-title: 28px;
  --font-weight-regular: 400;
  --font-weight-medium: 550;
  --font-weight-strong: 650;
  --line-height-tight: 1.4;
  --line-height-body: 1.65;

  --shadow-none: none;
  --shadow-low: 0 2px 5px rgb(24 40 64 / 7%);
  --shadow-medium: 0 6px 20px rgb(24 40 64 / 12%);
  --shadow-high: 0 16px 48px rgb(24 40 64 / 20%);
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --icon-size-s: 16px;
  --icon-size-m: 20px;
  --icon-stroke: 1.75;
  --border-width: 1px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --color-backdrop: rgb(24 40 64 / 32%);
}

/* 密度只改控制尺寸与内部留白，不缩小字体、图标、焦点线。 */
:root, [data-density="standard"] {
  --control-height: 38px;
  --row-height: 56px;
  --control-padding: var(--space-m);
  --density-gap: var(--space-m);
  --density-padding: var(--space-l);
}
[data-density="compact"] {
  --control-height: 32px;
  --row-height: 44px;
  --control-padding: var(--space-s);
  --density-gap: var(--space-s);
  --density-padding: var(--space-m);
}
[data-density="comfortable"] {
  --control-height: 44px;
  --row-height: 68px;
  --control-padding: var(--space-l);
  --density-gap: var(--space-l);
  --density-padding: var(--space-xl);
}