/* Základní drobnosti */
html, body {
    min-height: 100%;
}

/* LIGHT (Sketchy default) */
html[data-theme="light"] body {
    background-color: #fdfdfb;
    color: #212529;
}

/* DARK – náš vlastní, ale nechává Sketchy „ruční“ styl */
html[data-theme="dark"] body {
    background-color: #121212;
    color: #f8f9fa;
}

/* Navbar */
html[data-theme="dark"] .navbar {
    background-color: #1f2933 !important;
    border-color: #243b53 !important;
}
html[data-theme="dark"] .navbar .navbar-brand,
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .navbar .btn {
    color: #f8f9fa !important;
}
html[data-theme="dark"] .navbar .nav-link.active,
html[data-theme="dark"] .navbar .nav-link:hover {
    color: #9fdfff !important;
}

/* Cards */
html[data-theme="dark"] .card {
    background-color: #1f2933;
    color: #f8f9fa;
    border-color: #243b53;
}
html[data-theme="dark"] .card-header {
    background-color: #19212b;
    border-bottom-color: #243b53;
}
html[data-theme="dark"] .text-muted {
    color: #cbd2e1 !important;
}

/* Badge kontrast v dark módu */
html[data-theme="dark"] .badge.bg-info {
    background-color: #22b8cf !important;
    color: #102a43 !important;
}

/* Odkazové kartičky – lehce zvýraznit hover */
.card {
    transition: transform 0.08s ease-out, box-shadow 0.08s ease-out;
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

/* Kontakt „pilulky“ */
.list-inline-item {
    background-color: rgba(255,255,255,0.6);
}
html[data-theme="dark"] .list-inline-item {
    background-color: rgba(15,23,42,0.7);
    border-color: #243b53;
}

/* Formuláře v dark módu */
html[data-theme="dark"] .form-control {
    background-color: #111827;
    border-color: #374151;
    color: #e5e7eb;
}
html[data-theme="dark"] .form-control:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 0.2rem rgba(56,189,248,0.25);
}
html[data-theme="dark"] .form-control::placeholder {
    color: #9ca3af;
}

/* Tlačítko přepínače – jen aby neřvalo v dark módu */
html[data-theme="dark"] #themeToggle.btn-outline-secondary {
    color: #e5e7eb;
    border-color: #9ca3af;
}

/* Login layout drobnost */
.login-body main {
    min-height: calc(100vh - 120px);
}