/* Палитра — сырые значения цвета, не зависящие от темы.
   Это источник правды для цвета: семантические токены в colors.css
   ссылаются сюда и нигде не используют rgb()-значения напрямую.

   Отличие от IDS: добавлен фиолетовый акцент проекта. В палитре IDS его
   нет, а подставить red-500 значило бы покрасить кнопку в красный. */

:root {
  --ids__color-white: rgb(255, 255, 255);

  --ids__color-gray-100: rgb(238, 240, 242);
  --ids__color-gray-200: rgb(220, 221, 223);
  --ids__color-gray-400: rgb(153, 156, 160);
  --ids__color-gray-500: rgb(115, 120, 125);
  --ids__color-gray-600: rgb(85, 88, 92);
  --ids__color-gray-700: rgb(55, 58, 62);
  --ids__color-gray-800: rgb(32, 33, 36);
  --ids__color-gray-900: rgb(18, 18, 20);
  --ids__color-gray-950: rgb(5, 5, 5);

  --ids__color-blue-450: rgb(60, 130, 250);
  --ids__color-blue-500: rgb(0, 100, 240);

  --ids__color-green-450: rgb(40, 215, 40);
  --ids__color-green-500: rgb(0, 200, 0);
  --ids__color-green-600: rgb(30, 170, 60);

  --ids__color-red-450: rgb(255, 70, 95);
  --ids__color-red-500: rgb(253, 47, 75);

  --ids__color-yellow-500: rgb(255, 225, 0);

  /* Локальное расширение палитры. Значение прежнего --las__accent-RGB. */
  --ids__color-violet-500: rgb(109, 89, 176);
}