/* === DARK THEME GLOBAL === */
body, .page-content, .full.height {
    background-color: #121212 !important;
    color: #ccc !important;
}

/* Strona logowania */
.page-content.user.signin,
.page-content.user.signup {
    background-color: #121212 !important;
}

/* Karta logowania */
.user.signin .ui.segment,
.user.signin .ui.card,
.ui.segment {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #ccc !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}

/* Inputy */
.ui.input input,
input[type="text"],
input[type="password"],
input[type="email"] {
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: #eee !important;
}

input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #f2711c !important;
    box-shadow: 0 0 0 2px rgba(242,113,28,0.2) !important;
}

/* Label */
label, .field > label {
    color: #bbb !important;
}

/* Przycisk główny */
.ui.primary.button,
.ui.red.button {
    background-color: #c0392b !important;
    color: #fff !important;
}

.ui.primary.button:hover,
.ui.red.button:hover {
    background-color: #e74c3c !important;
}

/* Link "Zapomniałeś hasła" */
.ui.segment a {
    color: #f2711c !important;
}

/* Footer */
footer {
    background-color: #121212 !important;
    border-top: 1px solid #222 !important;
}

footer .container .links a,
footer .container .left,
footer .container .left a {
    color: #555 !important;
}

/* Navbar top */
.navbar, #navbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #2a2a2a !important;
}

/* Strona 2FA */
.page-content.user.two_factor,
.page-content.user.webauthn {
    background-color: #121212 !important;
}