/* === Motyw jasny (domyślnie) === */
body.theme-light {
    background-color: #ffffff;
    color: #111111;
}

/* === Motyw ciemny === */
body.theme-dark {
    background-color: #121212;
    color: #eeeeee;
}

/* === Sekcje === */
body.theme-dark section,
body.theme-dark .section {
    background-color: #1e1e2f;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* === Tabela === */
body.theme-dark table {
    background-color: #1e2a3a;
    color: #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

body.theme-dark table th {
    background-color: #264d73;
    color: #ffffff;
}

body.theme-dark table td {
    background-color: #1f2d3d;
    border-color: #2e3b4e;
}

body.theme-dark table tr:nth-child(even) {
    background-color: #253447;
}

body.theme-dark table tr:hover {
    background-color: #2e415b;
}

/* === Formularze === */
body.theme-dark .form-box input,
body.theme-dark .form-box select,
body.theme-dark .form-box textarea {
    background-color: #2a2a3d;
    color: #ffffff;
    border: 1px solid #444;
}

body.theme-dark .form-box button {
    background-color: #3d5a80;
    color: #ffffff;
    border: none;
    border-radius: 6px;
}

body.theme-dark .form-box button:hover {
    background-color: #517cae;
}

/* === Linki === */
body.theme-dark a {
    color: #7bbaff;
}

body.theme-dark a:hover {
    color: #a6d1ff;
}

/* === Przycisk ustawień === */
body.theme-dark #darkmode-toggle {
    background: #1f1f1f;
    color: #ffffff;
}

/* === Header w trybie ciemnym === */
body.theme-dark header {
    background-color: #182233;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* === Ciemny motyw — niebieski przycisk z białym tekstem === */
body.theme-dark .button {
    background-color: #3d6cbf;
    color: #ffffff;
}

body.theme-dark .button:hover {
    background-color: #5a8de0;
    color: #ffffff;
}

body.theme-dark form#quizForm {
    background: #333;
}