/* Палитра — сырые, статичные значения цвета, не зависящие от темы.
   Это базовый слой и источник правды для цвета: семантические токены
   (colors.css, shift.css) ссылаются сюда и нигде не пишут rgb() напрямую.
   Имена — по оттенку и весу, без смысла «для чего».
   Порядок объявления = порядок на витрине /design-system.
   Две группы: универсально-интерфейсные цвета и брендовые цвета Shift. */

:root {
  /* Интерфейс: нейтрали от тёмного к светлому, затем акценты.
     Серая рампа — продолжение navy: чем светлее, тем нейтральнее */
  --ids__color-navy-900: rgb(20, 30, 50);
  --ids__color-navy-700: rgb(70, 85, 115);
  --ids__color-gray-500: rgb(135, 143, 160);
  --ids__color-gray-300: rgb(212, 214, 215);
  --ids__color-gray-100: rgb(234, 235, 236);
  --ids__color-gray-50: rgb(243, 243, 247);
  --ids__color-white: rgb(255, 255, 255);
  --ids__color-blue-800: rgb(11, 11, 193);
  --ids__color-violet-500: rgb(104, 56, 248);

  /* Тёмная тема публикаций (значения старого сайта): фон, поверхность, текст */
  --ids__color-slate-950: rgb(10, 14, 18);
  --ids__color-slate-900: rgb(28, 35, 39);
  --ids__color-slate-700: rgb(48, 55, 69);
  --ids__color-slate-100: rgb(235, 240, 245);
  --ids__color-orange-500: rgb(255, 80, 0);
  --ids__color-yellow-300: rgb(255, 235, 83);

  /* Бренд Shift: додо-оранжевый и плашки промоблоков главной */
  --ids__color-orange-450: rgb(255, 105, 0);
  --ids__color-yellow-400: rgb(245, 201, 66);
  --ids__color-pink-400: rgb(254, 78, 117);
  --ids__color-teal-500: rgb(81, 167, 168);
  --ids__color-green-500: rgb(84, 180, 140);
  --ids__color-brown-900: rgb(35, 29, 25);
}