/* Alap világos mód */
body,
body.is-light-mode {
    background-color: #ffffff !important;
    color: #222222 !important;
}

body.is-light-mode a {
    color: #0055aa;
}

/* Sötét mód */
body.is-dark-mode {
    background-color: #111111 !important;
    color: #f1f1f1 !important;
}

body.is-dark-mode a {
    color: #66bfff !important;
}

/* Fejléc és lábléc – világos */
body.is-light-mode header,
body.is-light-mode footer {
    background-color: #f3f3f3 !important;
    color: #222222 !important;
}

/* Fejléc és lábléc – sötét */
body.is-dark-mode header,
body.is-dark-mode footer {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Dark mode toggle gomb – közös stílus */
.dark-mode-toggle {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #888;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

/* Sötét módban gomb kerete */
body.is-dark-mode .dark-mode-toggle {
    border-color: #ccc;
}