/* Brooklyn Bowl — дизайн-токены v3.
   Палитра и шрифт из брендбука (стр. 20-21, 32).
   Грузится ПОСЛЕ tokens.css — переопределяет ключевые переменные. */

:root {
  /* --- Цвета (брендбук стр. 32) --- */
  --color-bg: #1E1817;              /* тёплый почти-чёрный RAL 8022 */
  --color-bg-soft: #2A2321;
  --color-bg-card: #322C2A;
  --color-bg-card-hover: #3D3734;

  --color-text: #FFFFFF;            /* чистый белый RAL 9016 */
  --color-text-muted: #ECEAE2;      /* кремовый RAL 9001 */
  --color-text-subtle: #A8A49C;

  --color-accent: #ED1C24;          /* фирменный красный RAL 3020 */
  --color-accent-hover: #FF3632;
  --color-accent-soft: rgba(237, 28, 36, 0.12);

  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.2);
  --color-overlay: rgba(30, 24, 23, 0.72);

  /* --- Радиусы: минимализм брендбука — острые углы --- */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 2px;
  --radius-xl: 3px;
  --radius-full: 999px;             /* для live-индикатора и пилюль */

  /* --- Шрифт: Montserrat как бесплатный геометрический аналог Proxima Nova --- */
  --font-sans: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: var(--font-sans);
}

/* Брендбук (стр. 20): курсив не используется — принудительно убираем везде */
em, i, .italic {
  font-style: normal;
}