:root {
    --inetmon-navy: #0f2742;
    --inetmon-blue: #1463ff;
    --inetmon-green: #20b26b;
    --inetmon-soft: #f4f8fb;
}

body {
    background: var(--inetmon-soft);
}

body.theme-dark {
    --inetmon-soft: #0b1220;
    background: var(--inetmon-soft);
    color: #e5edf7;
}

body.theme-dark .card,
body.theme-dark .inetmon-hero {
    background: #111c2f;
    border-color: rgba(255, 255, 255, .08);
    color: #e5edf7;
}

body.theme-dark .text-muted {
    color: #9fb0c3 !important;
}

.inetmon-navbar {
    background: linear-gradient(90deg, var(--inetmon-navy), #123d63);
}

.inetmon-logo-mark {
    align-items: center;
    background: var(--inetmon-green);
    border-radius: .65rem;
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    letter-spacing: -.04em;
    width: 2rem;
}

.inetmon-hero {
    background: linear-gradient(135deg, #ffffff, #edf6ff);
    border: 1px solid rgba(15, 39, 66, .08);
}