:root {
    --kadoku-accent: #20c997;
    --kadoku-warning: #f6c343;
    --kadoku-bg: #f4f6f9;
    --kadoku-surface: #ffffff;
    --kadoku-text: #1f2933;
}

body {
    background: var(--kadoku-bg);
}

.brand-link .brand-text {
    font-weight: 700;
}

.content-wrapper {
    transition: background-color .2s ease, color .2s ease;
}

.module-card,
.small-box,
.info-box {
    border-radius: 8px;
}

.table td,
.table th {
    vertical-align: middle;
}

.kadoku-login {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #111827;
}

.kadoku-login .login-card-body {
    border-radius: 8px;
}

.dark-mode {
    --kadoku-bg: #111827;
    --kadoku-surface: #182231;
    --kadoku-text: #e5e7eb;
}

.dark-mode .content-wrapper,
.dark-mode .main-footer {
    background: var(--kadoku-bg) !important;
    color: var(--kadoku-text);
}

.dark-mode .card,
.dark-mode .info-box,
.dark-mode .modal-content {
    background: var(--kadoku-surface);
    color: var(--kadoku-text);
}

.dark-mode .table {
    color: var(--kadoku-text);
}

@media (max-width: 767.98px) {
    .content-header h1 {
        font-size: 1.35rem;
    }

    .card-header {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .card-tools {
        margin-top: .75rem;
        width: 100%;
    }

    .card-tools .btn {
        margin-bottom: .35rem;
    }
}