@charset "UTF-8";
:root {
  /* hover/pressed акцента → --brand-emphasized */
  --brand-100: #004d37;
  /* приглушённый бренд → --brand-muted */
  --brand-200: #d3e0d1;
  /* главный цвет сайта → --brand-solid */
  --brand-300: #006649;
  /* вторичный нейтральный бренд-тон */
  --brand-400: #999999;
  /* тёмный бренд-тон */
  --brand-500: #121212;
  /* почти чёрный бренд */
  --brand-600: #404040;
  /* самый тёмный бренд */
  --brand-700: #000000;
  /* светлый бренд-фон → --brand-subtle */
  --brand-800: #333333;
  /* самый светлый нейтрал */
  --colors-50: #f8f8f8;
  /* белый / page bg */
  --colors-100: #e8e8e8;
  /* светлые карточки, бейджи → --bg-subtle */
  --colors-200: #cccccc;
  /* панели / тонкая обводка */
  --colors-300: #999999;
  /* приглушённая обводка */
  --colors-400: #999999;
  /* обычная обводка */
  --colors-500: #666666;
  /* подписи / muted icons */
  --colors-600: #404040;
  /* вторичный текст / muted bg */
  --colors-700: #404040;
  /* основной текст / тёмный фон секций */
  --colors-800: #333333;
  /* фон футера */
  --colors-850: #121212;
  /* static black */
  --colors-900: #121212;
  /* чёрный для инверсии */
  --colors-black: #000000;
  /* белый для инверсии */
  --colors-white: #ffffff;
  /* звёзды рейтинга */
  --color-star: #ffcc00;
  /* ошибки форм / валидация */
  --error: #d02d3c;
}