:root {
  --clr-bg-main: #FAFAFA;          /* светлый фон страницы */
  --clr-bg-header: #E0E0E8;        /* чуть мягче для шапки и футера */
  --clr-text-main: #1A1A1A;        /* тёмный текст, не чисто черный */
  --clr-border-main: #4CAF50;      /* зелёный для рамок */
  --clr-border-hover: #388E3C;     /* тёмный оттенок при фокусе */
  --clr-link: #1976D2;             /* синий для ссылок */
  --clr-link-visited: #673AB7;     /* фиолетовый для посещённых */
  --clr-link-hover: #0D47A1;       /* тёмно-синий при наведении */
  --clr-underline: #4CAF50;        /* зелёная подчёрка */
  --clr-underline-hover: #388E3C;  /* тёмно-зелёная при наведении */
  --clr-notfound: #D32F2F;         /* красный для ошибок */
  --clr-notfound-hover: #B71C1C;   /* тёмно-красный при наведении */
  --clr-dangerous: #F44336;        /* ярко-красный для опасного */
  --clr-dangerous-hover: #C62828;  /* тёмный оттенок красного */
  --clr-blockquote-bg: #F0F0F0;    /* светлый фон для цитат */
  --clr-border-table: #B0B0B0;     /* мягкий серый для таблиц */
  --clr-th-bg: #E0E0E0;            /* серый фон заголовков таблиц */
  --clr-border-h1: #90A4AE;        /* мягкий серый для линий под H1 */
}