:root {
  /* Основные цвета текста и фона */
  --bg-main: #fdfefe;         /* Мягкий молочно-белый фон для статей */
  --bg-surface: #f4f6f8;      /* Светло-серый фон для блоков, таблиц и плашек */
  --text-main: #1a252f;       /* Глубокий асфальтовый для основного текста (мягче черного) */
  --text-muted: #566573;      /* Приглушенный серый для подписей к рисункам и дат */
  --light-grey: #e5e7e9;      /* Нейтральный серый цвет в тон --text-muted */
  --grey: #bdc3c7;            /* Используется при наведении на скроллбары */

  /* Академические акценты (Индиго) */ 
  --primary: #2c3e50;         /* Чернильно-синий (кнопки, заголовки, дропдаун) */
  --primary-hover: #1f2a38;   /* Темно-синий для ховеров */
  --primary-light: #ebf5fb;   /* Нежно-голубой для подсветки активных элементов */
  
  --border-color: #d5dbdb;    /* Цвет аккуратных тонких разделительных линий */
  
  /* Переменные для ссылок */
  --link-color: #2980b9;       /* Интеллектуальный синий (контрастный, привычный для клика) */
  --link-hover: #1f618d;       /* Темно-синий при наведении */

  /* Типографика */
  /* --font-family: 'Inter', system-ui, sans-serif; */
  /* --font-family-mono: "JetBrains Mono", monospace; */
  --font-family: "Arimo", sans-serif;
  --font-family-mono: "Fira Code", monospace;
  /* --font-family: "Google Sans", sans-serif;
  --font-family-mono: "Google Sans Code", monospace; */

  --font-family-h1: "Playfair Display", serif;
}