:root {
  --cassiopeia-color-primary: #54321C;
  --cassiopeia-color-hover: #C78257;
  --cassiopeia-color-link: #B03F3B;
}

/* Боковые колонки (сайдбары) */
.sidebar-left, .sidebar-right, .position-sidebar {
    background-color: #f5f5f5; /* Цвет фона сайдбаров (#fddde6) */
    color: #333; /* Темный цвет текста для контраста */
    padding: 15px; /* Отступы внутри колонок */
    border-radius: 5px; /* Закругленные углы */
}

/* Заголовки в боковых колонках */
.sidebar-left h3, .sidebar-right h3, .position-sidebar h3 {
    color: var(--cassiopeia-color-link); /* Цвет заголовков (#1C5E5A) */
    border-bottom: 2px solid var(--cassiopeia-color-hover); /* Подчеркивание заголовков (#174F4B) */
    padding-bottom: 10px; /* Отступ под заголовком */
}

/* Ссылки в боковых колонках */
.sidebar-left a, .sidebar-right a, .position-sidebar a {
    color: var(--cassiopeia-color-hover); /* Темный цвет ссылок в обычном режиме (#174F4B) */
}

.sidebar-left a:hover, .sidebar-right a:hover, .position-sidebar a:hover {
    color: var(--cassiopeia-color-link); /* Светлый цвет ссылок при наведении (#1C5E5A) */
}

/* Изменить размер шрифта только для заголовков в сайдбаре */
.sidebar h3, .sidebar-left h3, .sidebar-right h3 {
    font-size: 20px; /* Укажите нужный размер шрифта */
}

/* Заголовки статей на странице статьи */
.item-page h1 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

/* Заголовки статей в списке (блоге) */
.blog .item-title {
    font-size: 22px;
    color: #555;
}

/* Общие заголовки */
h2 {
    font-size: 20px;
    color: #c73b22;
    font-weight: normal;
}