/* ==========================================================================
   PLAYRIX MARATHON — design tokens
   Палитра Playrix Con26 (гайд заказчика, стр. «Цвета»): тёмно-зелёная сцена,
   фирменный зелёный, фиолетовый и бирюза как акценты. Точные значения HEX
   со свотчей гайда: #0B290F / #28D223 / #9B61EE / #23D2CC, белый и чёрный.
   ========================================================================== */

:root {
  /* --- Сцена и поверхности (тёмная тема Con26) --- */
  --c-scene:       #0B290F;  /* фон страницы (DARK GREEN гайда) */
  --c-scene-hdr:   #081F0C;  /* шапка: на ступень темнее сцены */
  --c-deep:        #0D2213;  /* заглубления внутри карточек */

  --c-bg:          var(--c-scene);
  --c-surface:     #10291A;  /* карточки: чуть светлее сцены */
  --c-surface-2:   #0D2213;  /* вложенные области (профиль Google) */
  --c-surface-3:   #153422;  /* активные вложенные области */
  --c-border:      rgba(255, 255, 255, .10);
  --c-border-strong: rgba(255, 255, 255, .22);

  --c-text:        #FFFFFF;
  --c-text-2:      rgba(255, 255, 255, .72);
  --c-text-3:      rgba(255, 255, 255, .45);
  --c-text-inv:    #FFFFFF;  /* текст на тёмной сцене */

  /* --- Акценты Con26 --- */
  --c-green:       #28D223;  /* PLAYRIX GREEN */
  --c-purple:      #9B61EE;  /* PLAYRIX PURPLE */
  --c-teal:        #23D2CC;  /* TURQUOISE */

  --c-accent:      var(--c-green);
  --c-accent-hover:#3FE438;
  --c-accent-soft: rgba(40, 210, 35, .16);
  --c-accent-deep: #1D9E1B;
  --c-on-accent:   #0B290F;  /* текст на зелёной плашке: тёмный, как в гайде */

  --c-bright:      #28D223;

  /* --- Семантика статусов (переведены на тёмное) --- */
  --c-ok:          #3FE438;
  --c-ok-soft:     rgba(63, 228, 56, .14);
  --c-warn:        #FFC24B;
  --c-warn-soft:   rgba(255, 194, 75, .14);
  --c-danger:      #FF8A80;
  --c-danger-soft: rgba(221, 73, 61, .16);
  --c-info:        #7CC4FF;
  --c-info-soft:   rgba(124, 196, 255, .14);

  /* --- Типографика: Bebas Neue — заголовки капителью, Cera Pro — набор --- */
  --font: "Cera Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: "Bebas Neue", "Cera Pro", -apple-system, Arial, sans-serif;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-28: 28px;
  --fs-36: 36px;
  --fs-48: 48px;
  --fs-64: 64px;
  --lh-tight: 1.25;
  --lh-display: 0.95;   /* у Bebas плотная посадка строк */
  --lh-base: 1.5;

  /* --- Сетка / отступы (шаг 4) --- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px;

  --r-sm: 8px;
  --r-md: 12px;
  /* Единый радиус контейнеров — 12px, как плашка оборота фото (issue #31):
     карточки, панель, модалка, тосты больше не спорят ступенями 20/24px.
     Кнопки и чипы остаются пилюлями (кнопки Con26 по гайду), бейдж —
     иконка приложения (22.5%). */
  --r-lg: var(--r-md);
  --r-xl: var(--r-md);

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .25);
  --shadow-2: 0 2px 8px rgba(0, 0, 0, .30), 0 12px 32px rgba(0, 0, 0, .28);

  --header-h: 64px;
}