/* Токены бренда Лиги. Значения из DESIGN-TOKENS.md — менять нельзя. */
:root {
  /* Тёмная тема: публичная часть до секции 09 и вся закрытая часть */
  --bg: #0B0C10;
  --bg-deep: #05070A;
  --surface: #17161A;
  --surface-alt: #101218;
  --border: #22242A;
  --hairline: rgba(255, 255, 255, 0.12);
  --border-strong: #3A3D45;
  --disabled: #2A2C33;

  /* Светлая тема: секции 09–12 главной */
  --bg-light: #F4F2EF;
  --surface-light: #FFFFFF;
  --border-light: #E2DED8;

  /* Текст */
  --ink: #FFFFFF;
  --ink-200: #C9C4BD;
  --ink-400: #A19B94;
  --ink-500: #8C8781;
  --ink-600: #6B655F;
  --ink-dark: #1A1B20;
  --ink-dark-600: #4A4744;

  /* Акценты */
  --scarlet: #DE1B41;
  --scarlet-hover: #B01133;
  --scarlet-light: #FF3355;
  --cyan: #2FB8C6;

  --warn-bg: rgba(222, 27, 65, 0.10);
  --error-bg: rgba(222, 27, 65, 0.12);
  --error-bg-strong: rgba(222, 27, 65, 0.16);
  --info-bg: rgba(47, 184, 198, 0.10);
  --success-bg: rgba(47, 184, 198, 0.12);

  /* Типографика */
  --font-head: 'Unbounded', system-ui, sans-serif;
  --font-text: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Сетка */
  --content: 1160px;
  --gutter: 40px;
  --gutter-mobile: 24px;

  /* Переходы: ничего дольше 200ms, появлений по скроллу нет */
  --t-fast: 120ms ease-out;
  --t-base: 200ms ease-out;
}