/* STYLIZACJA CIEMNEGO MOTYWU */

body.theme-dark .container {
    background-color: #0d1116;
}

body.theme-dark .side-menu {
    background-color: rgba(13, 17, 22, 0.96);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

body.theme-dark .side-menu__header {
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

body.theme-dark .hamburger-menu {
    background-color: rgba(22, 27, 34, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

body.theme-dark .hamburger-menu:hover {
    background-color: rgba(35, 43, 54, 1);
}

body.theme-dark .powrot_do_zscl a {
    color: #ffffff;
    background-image: linear-gradient(to right, #ffffff, #ffffff);
}

body.theme-dark .powrot_do_zscl a:hover {
    color: #ff4d4d;
    background-image: linear-gradient(to right, #ff4d4d, #ff4d4d);
}

/* PRZYCISKI SPISU TREŚCI W CIEMNYM MOTYWIE */
body.theme-dark .buttons {
    color: #f0f6fc;
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
}

body.theme-dark .buttons:hover {
    color: #67e8f9;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 15px rgba(103, 232, 249, 0.35);
}

body.theme-dark .btn-clicked {
    color: #00ffff;
    background-color: rgba(0, 0, 0, 0.9);
    border-color: rgba(0, 255, 255, 0.7);
    box-shadow: rgba(0, 255, 255, 0.3) 0 0 10px;
}