:root {
  --color-bg: #eceff3;
  --color-surface: #ffffff;
  --color-surface-2: #f3f4f6;
  --color-border: #cfd4da;
  --color-border-strong: #c4c9d0;
  --color-hairline: #e1e5ea;
  --color-row-hover: #f3f5f8;
  --color-text: #1a1d21;
  --color-muted: #5b6470;
  --color-placeholder: #8a929c;
  --color-link: #1f5fbf;
  --color-primary: #1a1d21;
  --color-primary-hover: #2c3137;
  --color-primary-text: #ffffff;
  --color-danger: #b42318;
  --color-danger-bg: #fbe9e7;
  --color-danger-hover: #f6d6d2;
  --color-ok: #1b6b3a;
  --color-ok-bg: #e3f5e9;
  --color-wait: #7a4d00;
  --color-wait-bg: #fff4d6;
  --color-info: #1f4a8c;
  --color-info-bg: #e6efff;
  --color-muted-bg: #eef0f3;
  --color-secondary: #e4e7eb;
  --color-secondary-hover: #d8dce1;
  --color-track: #eceff3;
  --color-error-bg: #fbe9e7;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 2px;
  --gap: 16px;
  --gap-s: 8px;
  --control-height: 32px;
  --width-narrow: 64px;
  --width-number: 112px;
  --width-date: 160px;
  --width-side: 32px;
  --width-group-label: 120px;
}