:root {
    --k-ink: #141414;
    --k-ink-soft: #2c2c2c;
    --k-paper: #f6f4f1;
    --k-card: #ffffff;
    --k-line: #e6e1da;
    --k-muted: #6d6862;
}

body#page-top,
body.komekchi-auth {
    background: var(--k-paper);
    color: var(--k-ink);
}

.sidebar.bg-primary {
    background-color: #111111 !important;
    background-image: none !important;
}

.sidebar .sidebar-brand {
    height: auto;
    padding: 1.15rem 0.75rem 0.9rem;
}

.sidebar-logo {
    width: 7.25rem;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .sidebar.toggled .sidebar-logo {
        width: 2.75rem;
    }
}

.sidebar-dark .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.82);
}

.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item.active .nav-link {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.sidebar-dark .nav-item .nav-link i {
    color: rgba(255, 255, 255, 0.72);
}

.sidebar-dark hr.sidebar-divider {
    border-top-color: rgba(255, 255, 255, 0.12);
}

#sidebarToggle {
    background: rgba(255, 255, 255, 0.12);
}

.topbar {
    background: var(--k-card) !important;
    border-bottom: 1px solid var(--k-line);
}

.topbar-mark {
    height: 2.15rem;
    width: auto;
}

.btn-primary {
    background-color: var(--k-ink);
    border-color: var(--k-ink);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--k-ink-soft);
    border-color: var(--k-ink-soft);
}

.btn-outline-primary {
    color: var(--k-ink);
    border-color: var(--k-ink);
}

.btn-outline-primary:hover {
    background-color: var(--k-ink);
    border-color: var(--k-ink);
    color: #fff;
}

.text-primary {
    color: var(--k-ink) !important;
}

.border-left-primary {
    border-left-color: var(--k-ink) !important;
}

.page-item.active .page-link {
    background-color: var(--k-ink);
    border-color: var(--k-ink);
}

.page-link {
    color: var(--k-ink);
}

.form-control:focus {
    border-color: #111111;
    box-shadow: 0 0 0 0.15rem rgba(17, 17, 17, 0.12);
}

.scroll-to-top {
    background: var(--k-ink);
}

.komekchi-auth .auth-card {
    border-radius: 1.35rem;
    background: var(--k-card);
}

.komekchi-auth .auth-logo {
    width: 9.5rem;
    height: auto;
    display: block;
    margin: 0 auto 1.5rem;
}

.komekchi-loading {
    background: var(--k-paper) !important;
    opacity: 1 !important;
}

.komekchi-loading img {
    height: 5.5rem;
    width: auto;
}

.komekchi-loading .spinner-border {
    width: 7.25rem;
    height: 7.25rem;
    border-width: 0.12rem;
    color: var(--k-ink);
}