:root {
  /* Alias-layer over main.css (nvidia token source) */
  --color-bg-page: var(--true-black, #000000);
  --color-bg-surface: var(--card-bg, #111111);
  --color-bg-surface-muted: var(--bg-light, #1a1a1a);
  --color-border-default: var(--border-color, #2a2a2a);
  --color-border-focus: var(--nvidia-green, #76b900);
  --color-text-primary: var(--text, #ffffff);
  --color-text-secondary: var(--gray-300, #a7a7a7);
  --color-text-muted: var(--gray-500, #757575);
  --color-text-soft: #d1d5db;
  --color-text-faint: #5e5e5e;
  --color-accent: var(--nvidia-green, #76b900);
  --color-accent-strong: var(--primary-dark, #5da300);
  --color-accent-soft: rgba(118, 185, 0, 0.1);
  --color-info: #3498db;
  --color-info-soft: rgba(52, 152, 219, 0.1);
  --color-success: #1abc9c;
  --color-success-soft: rgba(26, 188, 156, 0.1);
  --color-danger: #e53935;
  --color-danger-strong: #e74c3c;
  --color-danger-soft: rgba(229, 57, 53, 0.1);
  --color-danger-strong-soft: rgba(231, 76, 60, 0.1);

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 22px;
  --font-size-xl: 28px;
  --font-size-2xl: 42px;

  /* Apache ECharts — палитра и поверхности (синхрон с формами / карточками) */
  --chart-bg: transparent;
  --chart-text: var(--color-text-secondary);
  --chart-text-strong: var(--color-text-primary);
  --chart-axis: var(--color-border-default);
  --chart-split: rgba(42, 42, 42, 0.65);
  --chart-area-muted: rgba(10, 10, 10, 0.92);
  --chart-font-family: 'Inter', system-ui, sans-serif;
  --chart-font-size-sm: 12px;
  --chart-font-size-md: 14px;
  --chart-series-1: var(--color-accent);
  --chart-series-2: var(--color-info);
  --chart-series-3: var(--color-success);
  --chart-series-4: var(--color-danger);
}