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

: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);
}