/* Единые токены личного кабинета innochess. Подключается ПЕРЕД модульным CSS:
   модуль объявляет свой :root позже и при равной специфичности выигрывает,
   поэтому подключение токенов само по себе ничего не перекрашивает.
   Канон значений — палитра «Расследования партии» и задач, они уже совпадали. */

:root {
  /* ── фирменный цвет ── */
  --brand: #5451e7;
  --brand-dark: #3d3ab0;
  --brand-mid: #6f6df0;
  --brand-soft: #f4f2ff;

  /* ── акценты. Оранжевый — «не получилось», зелёный — «получилось»,
        фиолетовый — про соперника, жёлтый — «под вопросом». ── */
  --orange: #FF6B2B;
  --orange-light: #FFF0E8;
  --orange-mid: #FFD4BB;
  --green: #36b26b;
  --green-light: #e9f9ef;
  --violet: #8b5cf6;
  --violet-light: #f3eeff;
  --yellow: #b48a06;
  --yellow-light: #fefce8;
  --red: #e0455a;
  --red-light: #fdedf0;
  --blue: #1a73e8;        /* нейтральное «потрачено/справка», не про оценку */

  /* ── поверхности и текст ── */
  --white: #ffffff;
  --bg: #f7f8ff;
  --card-bg: #ffffff;
  --text: #1a1a2e;
  --muted: #6b7280;
  --border: rgba(84, 81, 231, 0.13);
  --shadow: 0 10px 30px rgba(84, 81, 231, 0.09);

  /* ── алиасы под уже написанные модули: уроки зовут фон карточки --card,
        кабинет — --soft, уроки же используют --ok/--warn. Алиасы позволяют
        удалять модульные :root по одному, не переписывая тела правил. ── */
  --card: var(--card-bg);
  --soft: var(--brand-soft);
  --ok: var(--green);
  --warn: var(--orange);

  /* ── ширины контейнера. Больше значений в кабинете быть не должно:
        ширину задаёт контейнер, а не карточка. ── */
  --w-form: 480px;    /* один вертикальный поток решений: вход, приглашение */
  --w-read: 66ch;     /* сплошной текст: 60–75 знаков в строке */
  --w-focus: 720px;   /* один вопрос или одно действие на весь экран */
  --w-app: 1120px;    /* рабочая ширина модуля по умолчанию */
  --w-wide: 1440px;   /* итоги и дашборды: доска, данные и цифры рядом */
  --w-full: 1720px;   /* плитки и каталоги, где важна плотность */

  /* ── отступы ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 40px;

  /* ── радиусы ── */
  --r-1: 8px;
  --r-2: 12px;
  --r-3: 16px;
  --r-4: 24px;
  --r-pill: 999px;

  /* ── типографика ── */
  --font: 'Geologica', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs: 0.74rem;
  --fs-sm: 0.82rem;
  --fs-md: 0.92rem;
  --fs-lg: 1.05rem;
  --fs-xl: 1.35rem;
  --fs-2xl: clamp(1.5rem, 4vw, 2.2rem);
  --lh-tight: 1.25;
  --lh-normal: 1.6;
}