/* ============================================================
   ALL-IN ARENA — дизайн-токены (Liquid Glass). ОДИН файл на все приложения.

   В прототипе палитра была скопирована в три styles/tokens.css с разными
   наборами переменных — одни и те же hex-и жили в трёх местах и уже разъехались
   по вспомогательным токенам. Здесь сведено: общая база + слой поверхностей
   стола (арена) + акценты консоли.

   Осторожно с прозой в этом баннере: буквальная последовательность закрытия
   комментария внутри него обрывает комментарий, и браузер отбрасывает весь
   блок :root — тогда каждый var() в приложении остаётся неразрешённым.

   Приложение переопределяет у себя только то, что действительно своё
   (например, --page-bg): подключать этот файл ПЕРВЫМ, свои — после.
   ============================================================ */
:root {
  /* brand */
  --p1:#8B7BFF; --p2:#6C4BFF; --mag:#B14BFF;
  --teal:#2DE2C5; --gold:#FFC24B; --gold2:#FF9D2B; --pink:#FF4D8D;
  --red:#FF3B5C; --green:#30D158; --blue:#3F8CFF; --amber:#FF9F0A;

  /* ink */
  --text:#F4F2FF; --muted:#A8A2D6; --dim:#6E6A99;

  /* surface / glass */
  --bg:#050410;
  --lg:rgba(22,18,44,.58);
  --lg-strong:rgba(20,16,40,.72);
  --lg-brd:rgba(255,255,255,.13);
  --spec:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.28);
  --shadow-card:0 18px 44px rgba(0,0,0,.5);
  --shadow-pop:0 20px 50px rgba(0,0,0,.5);

  /* surface (легаси-набор арены: стол, рельс, карточки лобби) */
  --bord:rgba(255,255,255,.09);
  --glass:rgba(255,255,255,.055);
  --card:rgba(146,128,255,.07);

  /* gradients */
  --grad-brand:linear-gradient(135deg,var(--p2),var(--mag));
  --grad-teal:linear-gradient(135deg,var(--teal),#1f9d84);
  --grad-op:linear-gradient(135deg,#2DE2C5,#3F8CFF);

  /* type */
  --font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Segoe UI',Roboto,sans-serif;
  --num:'Rajdhani',var(--font);

  /* radius */
  --r-xs:9px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-2xl:34px;

  /* layout */
  --sidebar-w:250px;
  --sidebar-w-rail:76px;
  --content-max:1280px;
  --topbar-h:70px;
  --tabbar-h:64px;

  /* motion */
  --ease-glass:cubic-bezier(.32,.72,0,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);

  /* размеры карт — дефолты мобильного макета; десктопный брейкпоинт арены
     переопределяет их, чтобы карты стали крупнее. board = общие карты,
     hero = свои карманные. Редизайн карт (см. docs/BACKLOG.md) правит эти
     переменные, а не разметку. */
  --pc-w:42px; --pc-h:60px; --pc-rk:16px; --pc-su:13px; --pc-big:24px;
  --hero-w:52px; --hero-h:73px; --hero-rk:19px; --hero-su:15px; --hero-big:30px;
}