/* ===== Светлая тема ===== */
:root {

    /* Фон страницы и текст */
    --body-background: -webkit-linear-gradient(90deg, #f9f9f9, #17b9d4) fixed;
    --body-text-color: #0f0f0c !important;
    --text-foreground: #0f0f0c !important;

    /* Основные фоны и акценты */
    --primary-background: #00bdf1 !important;
    --primary-text-color: #f9f9f9 !important;
    --background: #ffffff !important;
    --header-logotype-color: #00bdf1 !important;

    /* Заголовки и секции */
    --header-bg: -webkit-linear-gradient(90deg, #f9f9f9, #17b9d4) fixed !important;
    --header-text-color: #0f0f0c !important;
    --section-bg: #ffffff !important;
    --section-text-color: #0f0f0c !important;

    /* Ссылки */
    --default-link: #0f0f0c !important;
    --default-text-color: #00bdf1 !important;

    /* Кнопки и акценты */
    --menu-active-bg-color: #00bdf1 !important;
    --menu-active-text-color: #f9f9f9 !important;

    /* Поля ввода */
    --input-background: #e3f9ff !important;
    --divider-color: #dbe4e4 !important;
    --border-color: #dbe4e4 !important;

    /* Скругления */
    --default-border-radius: 4px !important;

    /* Дополнительно */
    --default-font-family: "Roboto", sans-serif !important;
}

/* ===== Тёмная тема ===== */
.dark {

    /* Фон страницы и текст */
    --body-background: #0f0f16 !important;
    --body-text-color: #e3f9ff !important;

    /* Основные фоны и акценты */
    --primary-background: #00bdf1 !important;
    --primary-text-color: #ffffff !important;
    --background: #1a1a25 !important;

    /* Заголовки и секции */
    --header-bg: -webkit-linear-gradient(113deg, #02BDF1, #AEF0FB, #17B9D4) fixed !important;
    --header-text-color: #e3f9ff !important;
    --section-bg: #1e1e2a !important;
    --section-text-color: #e3f9ff !important;

    /* Ссылки */
    --default-link: #00bdf1 !important;
    --default-text-color: #00bdf1 !important;

    /* Кнопки и акценты */
    --menu-active-bg-color: #00bdf1 !important;
    --menu-active-text-color: #ffffff !important;

    /* Поля ввода */
    --input-background: #292935 !important;
    --divider-color: #3a3a4d !important;
    --border-color: #292935 !important;

    /* Скругления */
    --default-border-radius: 4px !important;

    /* Дополнительно */
    --default-font-family: "Roboto", sans-serif !important;
}