/* «Хлыстопад» — токены концепта, версия 2.
   v1 («латунь и души», как страница RPG) пользователю не зашла: тяжело, мрачно, шрифт с засечками.
   v2: проще и веселее — ночная индиго-палитра, сочные акценты, круглые формы, жирные круглые шрифты.
   Имена переменных сохранены, чтобы макеты не переписывать. */

:root {
  /* --- основа: ночь --- */
  --bg-page: #12142a;
  --bg-sunk: #0c0d1e;
  --surface-1: #1e2145;
  --surface-2: #282c5a;
  --surface-3: #343a74;
  --line: #31366b;
  --line-brass: #4b5199;     /* обводка-акцент (имя осталось с v1) */
  --brass: #a99bff;          /* акцент интерфейса — сирень: вкладки, подписи, обычные кнопки */
  --brass-hi: #d6cfff;
  --on-brass: #1a1440;
  --text: #f6f4ff;
  --text-dim: #b1b3df;
  --text-mute: #7c80b8;
  --outline: #15123a;        /* тёмная обводка мультяшных чисел */

  --danger: #ff5a6e;         /* HP, босс, «не хватает» */
  --danger-soft: #ffb1bc;
  --amber: #ffa53d;          /* фракция Янтарная рука */
  --sapphire: #4da3ff;       /* фракция Сапфировое пламя */
  --spirit: #b07cff;
  --points: #9146ff;

  /* --- ДВЕ ВАЛЮТЫ --- */
  /* Души фарма: золото, ромб с огненной душой, огромные числа, подпись «души» */
  --farm: #ffc53d;
  --farm-hi: #ffe58f;
  --farm-deep: #e8890c;
  --farm-glow: rgba(255, 197, 61, .55);
  /* Души стрима: мята (родня бирюзы RPG), круг с призраком, обычные числа, подпись «души стрима» */
  --stream: #5ff2c4;
  --stream-deep: #16b48a;
  --stream-glow: rgba(95, 242, 196, .45);
  --on-stream: #053326;

  /* --- престиж --- */
  --ash: #d8d2ea;
  --ember: #ff8a4c;
  --shard: #b07cff;
  --seal: #ff5a6e;

  /* --- шрифты: круглые и жирные --- */
  --display: "Unbounded", "Segoe UI", sans-serif;   /* числа и заголовки */
  --ui: "Nunito", "Segoe UI", Roboto, sans-serif;     /* интерфейс */

  /* --- шкала чисел --- */
  --num-hero: clamp(40px, 4.4vw, 64px);
  --num-xl: 36px;
  --num-l: 26px;
  --num-m: 18px;
  --num-s: 14px;

  /* --- геометрия: всё обтекаемое --- */
  --r-1: 6px; --r-2: 10px; --r-3: 14px; --r-4: 20px; --r-5: 28px;
  --gap: 16px;

  /* --- время --- */
  --t-fast: 120ms;
  --t-in: 240ms;
  --t-gain: 600ms;
  --t-reward: 1200ms;
  --ease-pop: cubic-bezier(.2, 1.6, .4, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}