/* Custom theme styles */
:root {
    --body-background: #f5f7fa !important; /* Светлый фон всей страницы */
    --body-text-color: #2d3748 !important; /* Основной цвет текста */
    --background: #ffffff !important; /* Цвет фона блоков и карточек */
    --background-text-color: #2d3748 !important; /* Цвет текста внутри блоков */
    --default-text-color: #1a5f7a !important; /* Основной акцентный цвет текста */
    --default-link: #1a5f7a !important; /* Цвет ссылок на сайте */
    --text-foreground: #718096 !important; /* Дополнительный цвет текста */
    --text-secondary-foreground: #718096 !important; /* Вторичный цвет текста */

    --header-bg: #ffffff !important; /* Фон верхней панели сайта */
    --header-text-color: #2d3748 !important; /* Цвет текста и иконок в верхней панели */
    --section-bg: #ffffff !important; /* Цвет фона основных разделов и секций сайта */
    --section-text-color: #2d3748 !important; /* Цвет текста внутри секций */
    --header-logotype-color: #1a5f7a !important; /* Цвет логотипа в шапке */
   
    --primary-background: #1a5f7a !important; /* Цвет основных кнопок и активных элементов */ 
    --primary-text-color: #ffffff !important; /* Цвет текста на этих элементах */
    --primary-button-bg-color: #1a5f7a !important; /* Цвет фона основной кнопки */
    --primary-button-text-color: #ffffff !important; /* Цвет текста на основной кнопке */
    --menu-active-text-color: #ffffff !important; /* Цвет текста активного пункта меню */
    --menu-active-bg-color: #1a5f7a !important; /* Цвет фона активного пункта меню */

    --secondary-bg: #f5f7fa !important; /* Цвет вторичного фона */
    --secondary-text-color: #2d3748 !important; /* Цвет текста на вторичном фоне */
    --secondary-light-bg: #ffffff !important; /* Дополнительный светлый цвет вторичного фона */
    --secondary-light-text-color: #2d3748 !important; /* Цвет текста на дополнительном светлом фоне */
    --divider-color: #e2e8f0 !important; /* Цвет разделительных линий */
    --border-color: #e2e8f0 !important; /* Цвет границ элементов */
    --input-background: #e9f1f7 !important; /* Цвет полей ввода */

    --exchange-default-bg: #ffffff !important; /* Основной цвет фона обменного блока */
    --exchange-block-bg: #ffffff !important; /* Цвет конкретного блока обмена */
    --exchange-input-amount-bg: #e9f1f7 !important; /* Цвет поля ввода суммы обмена */

    --primary-background-foreground: rgba(26, 95, 122, 0.13) !important; /* Эффект фона акцентных элементов */
    --secondary-background-foreground: rgba(226, 232, 240, 0.23) !important; /* Эффект фона второстепенных элементов */

    --footer-background: #1a5f7a !important; /* Цвет нижней панели сайта */
    --footer-text-color: #ffffff !important; /* Цвет текста в нижней панели сайта */

    --default-border-radius: 20px !important; /* Радиус скругления углов блоков и кнопок */
}