/* ============================================================
   F-1 BOSS — дизайн-токены
   Направление: «пит-уолл» — тёмный карбон, данные как на
   мониторе командного мостика, сигнальный красный Формулы-1.
   ============================================================ */

:root {
  /* --- Поверхности --- */
  --carbon:      #0B0D10; /* фон страницы, карбоновое волокно */
  --pitwall:     #14181D; /* панели, карточки */
  --pitwall-2:   #1B2128; /* вложенные блоки, строки таблиц */
  --hairline:    #2A323C; /* разделители */
  --hairline-2:  #3A4552; /* активные границы */

  /* --- Текст --- */
  --flag-white:  #F2F4F7; /* основной текст */
  --slate:       #97A2B2; /* вторичный текст, подписи */
  --slate-dim:   #5C6672; /* отключённые элементы */

  /* --- Сигнальные цвета (маршальские флаги) --- */
  --kerb-red:    #E10600; /* бренд, запрет, превышение бюджета */
  --kerb-red-dk: #9A0400;
  --yellow-flag: #F5C518; /* предупреждение: правило 3 этапов */
  --sector-green:#2BD576; /* положительная дельта, доступно */
  --purple:      #B47CFF; /* лучший результат этапа */
  --blue-flag:   #3B82F6; /* информация, ссылки */

  /* --- Цвета реальных команд (акценты в данных) --- */
  --t-mclaren:      #FF8000;
  --t-redbull:      #3671C6;
  --t-ferrari:      #E8002D;
  --t-mercedes:     #27F4D2;
  --t-aston:        #229971;
  --t-alpine:       #00A1E8;
  --t-racingbulls:  #6692FF;
  --t-haas:         #B6BABD;
  --t-williams:     #1868DB;
  --t-sauber:       #01C00E;

  /* --- Типографика --- */
  --font-display: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
  --font-data: "JetBrains Mono", "Cascadia Mono", Consolas, "SF Mono", ui-monospace, monospace;

  --step--1: 0.75rem;   /* подписи, единицы */
  --step-0:  0.875rem;  /* основной текст интерфейса */
  --step-1:  1rem;
  --step-2:  1.375rem;  /* заголовки панелей */
  --step-3:  2rem;      /* крупные числа */
  --step-4:  3.25rem;   /* бюджет, очки этапа */

  /* --- Сетка и радиусы --- */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 24px;
  --gap-6: 32px;
  --gap-7: 48px;

  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;

  --shadow-panel: 0 1px 0 rgba(255,255,255,0.04) inset, 0 12px 32px rgba(0,0,0,0.45);
  --ring: 0 0 0 2px var(--carbon), 0 0 0 4px var(--kerb-red);
}