:root {
  /* Цвета базовые */
  --g-color-base-background: #ffffff;
  --g-color-base-foreground: #0b1f35;
  --g-color-base-secondary: #6b7a90;
  --g-color-line: #e6e8eb;

  /* Бренд/акцент */
  --g-color-brand: #4f46e5; /* индиго */
  --g-color-brand-hover: #4338ca;
  --g-color-brand-pressed: #3730a3;
  --g-color-brand-contrast: #ffffff;

  /* Состояния */
  --g-color-success: #00a65a;
  --g-color-warning: #f59e0b;
  --g-color-danger: #ef4444;

  /* Поверхности */
  --g-surface-elevated: #ffffff;
  --g-surface-subtle: #f7f8fa;

  /* Текст */
  --g-text-primary: #0b1f35;
  --g-text-secondary: #6b7a90;
  --g-text-inverted: #ffffff;
  --g-text-muted: #8a96a6;

  /* Размеры и скейлы */
  --g-font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --g-font-size-s: 12px;
  --g-font-size-m: 14px;
  --g-font-size-l: 16px;
  --g-font-size-xl: 20px;

  --g-radius-xs: 6px;
  --g-radius-s: 8px;
  --g-radius-m: 10px;
  --g-radius-l: 12px;

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

  /* Тени */
  --g-shadow-s: 0 1px 2px rgba(0,0,0,0.06), 0 1px 1px rgba(0,0,0,0.04);
  --g-shadow-m: 0 8px 20px rgba(0,0,0,0.12);

  /* Контролы */
  --g-control-height-s: 28px;
  --g-control-height-m: 36px;
  --g-control-height-l: 44px;
  --g-control-padding-x: 12px;
  --g-control-border: 1px solid var(--g-color-line);
}