/* Voxidub — цвет. Тёмная тема единственная: продукт живёт вечером, при выключенном свете.
   База тёплая (в чёрном есть коричневый), акценты янтарные. Холодных серых нет. */
:root{
  /* базовая шкала — тёплый нейтральный */
  --warm-950:#141110; --warm-900:#1B1715; --warm-850:#221D1A; --warm-800:#2A2421;
  --warm-750:#332C28; --warm-700:#3E352F; --warm-600:#4E4339; --warm-500:#6B5D52;
  --warm-400:#8A7C71; --warm-300:#AFA298; --warm-200:#D2C7BE; --warm-100:#EDE5DD; --warm-050:#F8F3ED;

  /* янтарь — основной акцент */
  --amber-600:#C97D1E; --amber-500:#E2952B; --amber-400:#F5AD45; --amber-300:#FFC372; --amber-200:#FFD9A6;

  /* семантические сигналы */
  --coral-500:#FF5C48;  /* запись */
  --mint-500:#4FC98A;   /* готово */
  --sky-500:#61AEEB;    /* идёт / в работе */
  --gold-500:#F2C14E;   /* внимание */
  --rose-500:#E24B4B;   /* ошибка, деструктив */

  /* фоны и поверхности */
  --bg-app:var(--warm-950);
  --bg-app-glow:radial-gradient(1200px 600px at 50% -10%, rgba(245,173,69,.10), transparent 70%);
  --surface-1:var(--warm-900);
  --surface-2:var(--warm-850);
  --surface-3:var(--warm-800);
  --surface-sunken:#0F0D0C;
  --surface-overlay:rgba(20,17,16,.72);
  --surface-raised-top:rgba(255,255,255,.045); /* верхний блик «мягкой пластики» */

  /* текст */
  --text-1:var(--warm-050);
  --text-2:var(--warm-300);
  --text-3:var(--warm-400);
  --text-inverse:#241703;
  --text-accent:var(--amber-300);
  --text-danger:#FF8272;

  /* границы */
  --border-1:rgba(255,255,255,.07);
  --border-2:rgba(255,255,255,.12);
  --border-strong:rgba(255,255,255,.20);
  --border-accent:rgba(245,173,69,.55);

  /* интерактив */
  --accent:var(--amber-400);
  --accent-hover:var(--amber-300);
  --accent-press:var(--amber-500);
  --accent-ink:var(--text-inverse);
  --accent-soft:rgba(245,173,69,.14);
  --accent-soft-hover:rgba(245,173,69,.22);
  --accent-ring:rgba(245,173,69,.35);

  --record:var(--coral-500);
  --record-soft:rgba(255,92,72,.16);
  --record-ring:rgba(255,92,72,.34);

  --ghost-hover:rgba(255,255,255,.06);
  --ghost-press:rgba(255,255,255,.10);

  /* статусы */
  --status-ready:var(--mint-500);
  --status-live:var(--sky-500);
  --status-review:var(--gold-500);
  --status-failed:var(--rose-500);
  --status-idle:var(--warm-500);

  /* цвета ролей и игроков — тёплая палитра из 8, назначается по OrderIndex */
  --role-1:#F5AD45; --role-2:#FF7A5C; --role-3:#E8709A; --role-4:#B18CF0;
  --role-5:#61AEEB; --role-6:#4FD1B5; --role-7:#A8D65C; --role-8:#F2C14E;

  /* цвета игроков — отдельная шкала на 20: цвет роли не подменяется цветом игрока,
     а игроков в комнате может быть больше, чем ролей в паке.
     Порядок подобран так, что первые вошедшие получают максимально различимые цвета. */
  --player-1 :#F5AD45; --player-2 :#61AEEB; --player-3 :#FF7A5C; --player-4 :#4FD1B5;
  --player-5 :#E8709A; --player-6 :#A8D65C; --player-7 :#B18CF0; --player-8 :#F2C14E;
  --player-9 :#5AC0D8; --player-10:#FF9466; --player-11:#8FA6F5; --player-12:#7ED892;
  --player-13:#E58CD6; --player-14:#D9C765; --player-15:#6FC9AE; --player-16:#FFB27A;
  --player-17:#E0705F; --player-18:#3FA8A0; --player-19:#C3B48C; --player-20:#C86FD9;

  /* дорожки таймлайна */
  --track-bg:#171413; --track-line:rgba(255,255,255,.05);
  --playhead:#FFF3E0;
  --waveform:rgba(255,255,255,.28);
  --uncertain:rgba(242,193,78,.28); /* подсветка слов с низким logprob */
}