/* Палитра — сырые значения цвета, не зависящие от темы.
   Это источник правды для цвета: семантические токены в 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);
  /* Froggish: классический HTML-зелёный (#008000) — логотип на белом */
  --ids__color-green-700: rgb(0, 128, 0);

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

  /* Froggish: переключатель темы — бледно-лимонный полумесяц на тёмном */
  --ids__color-yellow-200: rgb(255, 236, 150);
  --ids__color-yellow-500: rgb(255, 225, 0);
  /* Froggish: переключатель темы — солнце на светлом: тёмно-оранжевое,
     чтобы было видно на фоне шапки цвета шалфея */
  --ids__color-amber-600: rgb(217, 101, 10);
  /* Froggish: тёмно-жёлтый, читаемый текстом на белом (оценка «так себе») */
  --ids__color-yellow-700: rgb(176, 128, 0);

  /* Froggish: прогресс-бары целей дня под шапкой — пастельная дорожка (100,
     на тёмном 850) и насыщенная заливка (400, на тёмном 600). Сиреневый —
     новые слова, оранжевый — повторения, голубой — фразы (бирюзовый
     сливался с прежней мятной шапкой). */
  --ids__color-lilac-100: rgb(236, 228, 252);
  --ids__color-lilac-400: rgb(186, 156, 245);
  --ids__color-lilac-600: rgb(124, 92, 200);
  --ids__color-lilac-850: rgb(50, 42, 72);
  --ids__color-orange-100: rgb(255, 234, 210);
  --ids__color-orange-400: rgb(255, 176, 90);
  --ids__color-orange-600: rgb(196, 116, 36);
  --ids__color-orange-850: rgb(68, 46, 24);
  --ids__color-sky-100: rgb(220, 233, 253);
  --ids__color-sky-400: rgb(118, 168, 246);
  --ids__color-sky-600: rgb(54, 106, 196);
  --ids__color-sky-850: rgb(26, 40, 70);

  /* Froggish: фон шапки и подписи «Тренажёр…» — шалфей #CAD2CB, на тёмном —
     серый с розоватым оттенком #787276 */
  --ids__color-sage-100: rgb(202, 210, 203);
  --ids__color-mauve-500: rgb(120, 114, 118);

  /* Froggish: фон мелких кнопок — бледно-зелёный (на тёмном — тёмно-зелёный) */
  --ids__color-leaf-100: rgb(228, 247, 228);
  --ids__color-leaf-850: rgb(42, 74, 48);
}