/* ЦВЕТА карты и QR — вынесено из themes.css по длине файла, но то же
   единственное место для литералов: здесь их не меньше, чем там,
   просто отдельным файлом. */

:root {
  /* Лицо карты. Цвета одни в обеих темах: карта — предмет, и пластик
     в кошельке не меняет вид от освещения. Все пять оформлений тёмные,
     поэтому чернила всюду светлые, а вуаль под текстом гасит те места
     фона, куда пришлась яркая волна. */
  --card-back:  light-dark(#0B0D10, #0B0D10);
  --card-ink:   light-dark(#ffffff, #ffffff);
  --card-dim:   light-dark(rgba(255, 255, 255, .70), rgba(255, 255, 255, .70));
  --card-veil:  light-dark(rgba(6, 8, 12, .55), rgba(6, 8, 12, .55));
  --card-plate: light-dark(rgba(8, 10, 14, .55), rgba(8, 10, 14, .55));
  --card-edge:  light-dark(rgba(255, 255, 255, .16), rgba(255, 255, 255, .16));
  /* Тень под картой: она лежит на полотне, а не приклеена к нему.
     Мягкая и глубокая — предмет толщиной в миллиметр так и падает. */
  --card-shadow: light-dark(rgba(20, 22, 28, .35), rgba(0, 0, 0, .55));
  /* Блик, пробегающий по карте. Едва заметный: он говорит, что
     перед нами предмет с поверхностью, и больше ничего. */
  --card-shine: light-dark(rgba(255, 255, 255, .10), rgba(255, 255, 255, .10));

  /* Приметный цвет каждого оформления: подписи и скидка. Берём его
     из самой волны на фоне, чтобы карта читалась как одно целое. */
  --card-gold:     light-dark(#F3C657, #F3C657);
  --card-sapphire: light-dark(#8FB8FF, #8FB8FF);
  --card-night:    light-dark(#A99BFF, #A99BFF);
  --card-platinum: light-dark(#DCE6F2, #DCE6F2);
  --card-steel:    light-dark(#CBD3DC, #CBD3DC);
  --card-coffee:   light-dark(#E0A96D, #E0A96D);
  --card-garage:   light-dark(#E0705A, #E0705A);
  --card-gym:      light-dark(#A9C6E8, #A9C6E8);

  /* QR рисуется тёмным по белому всегда: светлые модули на тёмном
     читает не всякий сканер, а второй попытки у кассы не бывает. */
  --qr-ink:   light-dark(#0B0D10, #0B0D10);
  --qr-paper: light-dark(#ffffff, #ffffff);
}