/* Светлая тема */
:root {
    --body-background: #000000 !important; /* Черный фон всей страницы */
    --body-text-color: rgb(255, 255, 255) !important; /* Тёмный текст */
    --primary-background: #010101 !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: #000000 !important; /* Черный фон всей страницы */
    --body-text-color: rgb(255, 255, 255) !important; /* Тёмный текст */
    --primary-background: #010101 !important; /* Синий акцентный цвет кнопок */
    --primary-text-color: #ffffff !important; /* Белый текст на кнопках */
    --exchange-block-bg: rgba(18, 18, 18, 0.93) !important; /* Полупрозрачный черный для эффекта матового стекла */
    --header-bg: #000000 !important;
    --header-text-color: #ffffff !important;
    --secondary-bg: #000000 !important;
}

/* Применение эффекта матового стекла */
.some-element {
    background: var(--exchange-default-bg);
    backdrop-filter: blur(6px); /* Размытие фона */
    border-radius: 10px; /* Закругление углов (по желанию) */
}