:root {
  /* поверхности */
  --bg:            #0e1117;
  --surface:       #161b24;
  --surface-hover: #1c222d;
  --border:        #232a36;

  /* текст */
  --ink:           #e8eaf0;
  --ink-muted:     #98a2b3;
  --ink-faint:     #6b7484;

  /* акцент и статусы */
  --accent:        #5b8def;
  --good:          #3ecf8e;
  --warn:          #e8b84b;
  --bad:           #ef5b5b;

  /* типографика */
  --font-ui:   'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-num:  'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
  --step--1: 0.8125rem;
  --step-0:  0.9375rem;
  --step-1:  1.125rem;
  --step-2:  1.5rem;
  --step-3:  2.25rem;

  /* сетка отступов — кратно 4 */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px;

  --radius: 8px;
  --radius-sm: 4px;
}