:root {
    --garnet-red: #cf1423;
    --garnet-red-dark: #aa0f1b;
    --garnet-ink: #17171d;
}

body { background: #f5f5f7; }
.app-brand-logo { width: 94px; max-height: 38px; object-fit: contain; }
.app-brand-text { color: var(--garnet-red); font-size: 1rem; margin-right: .65rem; }
.bg-menu-theme { box-shadow: 0 0 28px rgba(22, 22, 27, .08); }
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    background: var(--garnet-red) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(207, 20, 35, .28) !important;
}
.bg-menu-theme .menu-inner > .menu-item.active:before { background: var(--garnet-red); }
.layout-navbar { border: 1px solid rgba(40, 40, 48, .06); box-shadow: 0 4px 20px rgba(27, 27, 35, .06) !important; }
.card { border: 1px solid rgba(40, 40, 48, .06); border-radius: 1rem; box-shadow: 0 5px 24px rgba(27, 27, 35, .055); }
.card-header { border-radius: 1rem 1rem 0 0 !important; background: transparent; }
.btn-primary, .badge-primary { background-color: var(--garnet-red) !important; border-color: var(--garnet-red) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--garnet-red-dark) !important; border-color: var(--garnet-red-dark) !important; }
.text-primary, a { color: var(--garnet-red); }
.page-item.active .page-link { background-color: var(--garnet-red); border-color: var(--garnet-red); }
.form-control:focus, .form-select:focus { border-color: rgba(207, 20, 35, .55); box-shadow: 0 0 0 .2rem rgba(207, 20, 35, .1); }
.table thead th { font-weight: 700; color: #555563; }
.avatar-initial { font-weight: 700; }
.dropdown-menu { border-radius: .9rem; }

@media (max-width: 767.98px) {
    .container-p-y { padding-top: 1rem !important; }
    .layout-navbar { margin-top: .75rem; }
    .card-body { padding: 1rem; }
}