/* Подключение шрифта Geologica через CSS */
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

/* Светлая тема */
:root {
  --iex-font-family: "Geologica", sans-serif; /* Основной шрифт */
  --body-background: #ffffff;                 /* Белый фон страницы */
  --body-text-color: #222222;                 /* Тёмный текст */
  --primary-background: #38b6ff;              /* Синий акцентный цвет */
  --primary-text-color: #ffffff;              /* Белый текст на кнопках */
  --default-link: #38b6ff !important; /* Цвет ссылки */
  --default-text-color: #38b6ff; /*Цвет текста*/
  --primary-button-bg-color: #38b6ff; /*Цвет основной кнопки*/


  
}

/* Тёмная тема */
.dark {
  --iex-font-family: "Geologica", sans-serif; /* Шрифт (такой же, как в светлой) */
  --body-background: #121212;                 /* Тёмный фон страницы */
  --body-text-color: #f5f5f5;                 /* Светлый текст */
  --primary-background: #38b6ff;              /* Синий акцентный цвет */
  --primary-text-color: #ffffff;              /* Белый текст на кнопках */
  --default-link: #38b6ff !important; /* Цвет ссылки */
  --default-text-color: #38b6ff; /*Цвет текста*/
  --primary-button-bg-color: #38b6ff; /*Цвет основной кнопки*/
  --footer-background: #1e1e2a; /* footer */


}

/* Обязательное применение шрифта ко всему сайту */
body {
  font-family: var(--iex-font-family);
  background: var(--body-background);
  color: var(--body-text-color);
}