/* Светлая тема */
:root {
    --body-background: #cfcfcf !important; /* Белый фон всей страницы */
    --body-text-color: #222222 !important; /* Тёмный текст */
    --primary-background: #102172 !important; /* Синий акцентный цвет кнопок */
    --primary-text-color: #ffffff !important; /* Белый текст на кнопках */
    --exchange-block-bg: rgba(255, 255, 255, 0.7) !important; /* Полупрозрачный белый для эффекта матового стекла */
}

/* Применение эффекта матового стекла */
.some-element {
    background: var(--exchange-default-bg);
    backdrop-filter: blur(6px); /* Размытие фона */
    border-radius: 10px; /* Закругление углов (по желанию) */
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --default-font-family: Roboto !important; /* Укажите шрифты, которые хотите использовать */
}

body {
    font-family: var(--default-font-family);
}
/* Тёмная тема */
.dark {
    --body-background: #424242 !important; /* Почти чёрный фон всей страницы */
    --body-text-color: #f5f5f5 !important; /* Светло-серый текст */
    --primary-background: #102172 !important; /* Синий акцентный цвет кнопок */
    --primary-text-color: #ffffff !important; /* Белый текст на кнопках */
--default-font-family: Roboto @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');