/* Тёмно-серый режим с ярким светлым текстом */
:root {
    --cassiopeia-color-primary: #2d3748 !important; /* Серый цвет шапки */
    --cassiopeia-color-hover: #63b3ed !important; /* Яркие ссылки при наведении */
    --cassiopeia-color-link: #63b3ed !important; /* Яркие ссылки */
    --template-bg-light: #2d3748 !important;
    --template-text-dark: #f7fafc !important; /* Почти белый текст */
}

/* Общий тёмно-серый фон сайта */
body, 
.site-container, 
main, 
#content,
.com-content-category,
.category-list,
.main-content {
    background-color: #2d3748 !important; /* Slate/Dark Grey фон */
    background: #2d3748 !important;
    color: #ffffff !important; /* Максимально белый, контрастный текст */
}

/* Строки таблицы со статьями */
table.category, 
.table, 
tr, 
th, 
td,
.cat-list-row0,
.cat-list-row1 {
    background-color: #1a202c !important; /* Чуть более тёмный серый для строк */
    background: #1a202c !important;
    color: #ffffff !important; /* Белый текст в таблице */
    border-color: #4a5568 !important; /* Серые границы таблиц */
}

/* Эффект наведения на строку таблицы */
.table-hover > tbody > tr:hover > * {
    background-color: #4a5568 !important; /* Светло-серый при наведении */
    color: #ffffff !important;
}

/* Ссылки (названия материалов) — делаем их ярко-голубыми/светлыми */
a, 
.list-title a,
main a,
.nav-link {
    color: #FFFFFF !important; /* Яркий светлый оттенок */
    text-decoration: none !important;
    font-weight: 500;
}

/* Ссылки при наведении */
a:hover, 
.list-title a:hover,
main a:hover {
    color: #90cdf4 !important; /* Ещё более светлый при наведении */
    text-decoration: underline !important;
}

/* Тёмно-серая шапка сайта */
.header, .container-topbar {
    background-color: #1a202c !important;
    border-bottom: 1px solid #4a5568 !important;
}

/* Текст обычных модулей и навигации */
.mod-menu a, .nav-item a {
    color: #edf2f7 !important; /* Светло-серый текст меню */
}

/* Нижняя часть сайта (Footer) */
footer, .footer {
    background-color: #1a202c !important;
    border-top: 1px solid #4a5568 !important;
    color: #a0aec0 !important;
}

/* Увеличение размера шрифта главного меню сайта */
.header .mod-menu, 
.header .nav, 
.header .nav-item, 
.header .nav-link,
.container-topbar .nav-link {
    font-size: 20px !important; /* Стандартный размер был около 16px, меняйте эту цифру под себя */
    font-weight: 600 !important; /* Делает текст меню чуть более плотным/жирным */
}

/* Отступы между пунктами меню, чтобы они не слипались при увеличении */
.header .nav-item {
    margin-left: 15px !important;
    margin-right: 15px !important;
}