:root {
    --cp-primary: #0b1f3a;
    --cp-accent: #6b1f7a;
    --cp-row-a: #fde7f4;
    --cp-row-b: #e7f1ff;
}

body {
    color: var(--cp-primary);
    background-color: #f7f8fb;
}

.navbar,
.card-header {
    background-color: #f1f3f7;
}

.accent {
    color: var(--cp-accent);
}

.table-striped-custom tbody tr:nth-of-type(odd) > * {
    background-color: var(--cp-row-a);
}

.table-striped-custom tbody tr:nth-of-type(even) > * {
    background-color: var(--cp-row-b);
}

.login-logo {
    max-width: 180px;
    width: 100%;
}

.welcome-hero {
    min-height: 60vh;
}

.welcome-logo {
    max-width: 320px;
    width: 100%;
}

.nav-logo {
    max-height: 40px;
    width: auto;
}

.navbar-search {
    flex: 0 1 360px;
}

.app-footer {
    background-color: #f1f3f7;
    color: var(--cp-primary);
}

@media (max-width: 991.98px) {
    .navbar-search {
        flex: 1 1 auto;
        width: 100%;
    }

    .navbar-search .input-group {
        width: 100%;
    }
}