/* Стилі для перемикача адмінок */
.admin-switcher-link {
    color: #fff;
    background: #417690;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 15px;
}

.admin-switcher-link:hover {
    background: #135e96;
}


/* Світла тема */
html[data-theme="light"] {
    --background-color: rgba(131, 130, 130, 0.96);
    --text-color: #181818;
}

/* Темна тема */
html[data-theme="dark"] {
    --background-color: #222;
    --text-color: #fff;
}

/* Застосовуємо змінні */
body {
    /*background-color: var(--background-color);*/
    color: var(--text-color);
}

/*html[data-theme="dark"] #user-tools {*/
/*    background-color: #333; !* Темний фон для панелі інструментів *!*/
/*}*/

html[data-theme="dark"] #user-tools a {
    color: #ccc; /* Колір посилань у темному режимі */
}

html[data-theme="dark"] #user-tools a:hover {
    color: #fff; /* Колір при наведенні */
}