/* Цвета фигур тетриса (палитра B «Тон сайта») — единственное место, где они заданы.
   Подключается на странице игры и на главной (картинка карточки).
   Три блока, как в common.css: светлая / тёмная по системе / тёмная по кнопке. */
:root {
  --t-i: #5bbfd0;
  --t-o: #a3cff5;
  --t-t: #8592ef;
  --t-s: #62c2a5;
  --t-z: #ad8fe6;
  --t-j: #3c58c2;
  --t-l: #5b97e6;
  --tile-hi: var(--surface);
  --tile-lo: var(--text);
  --slot: color-mix(in srgb, var(--surface-2) 70%, var(--surface));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --t-i: #3fa2b6;
    --t-o: #9cc9f2;
    --t-t: #6f7ee0;
    --t-s: #47a68b;
    --t-z: #9277d6;
    --t-j: #4468db;
    --t-l: #6aa6ee;
    --tile-hi: var(--text);
    --tile-lo: var(--bg);
  }
}
:root[data-theme="dark"] {
  --t-i: #3fa2b6;
  --t-o: #9cc9f2;
  --t-t: #6f7ee0;
  --t-s: #47a68b;
  --t-z: #9277d6;
  --t-j: #4468db;
  --t-l: #6aa6ee;
  --tile-hi: var(--text);
  --tile-lo: var(--bg);
}

/* Цвет кубика по типу фигуры */
[data-t="I"] { --c: var(--t-i); }
[data-t="O"] { --c: var(--t-o); }
[data-t="T"] { --c: var(--t-t); }
[data-t="S"] { --c: var(--t-s); }
[data-t="Z"] { --c: var(--t-z); }
[data-t="J"] { --c: var(--t-j); }
[data-t="L"] { --c: var(--t-l); }