body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background-color: #15171a !important;
    color: #e5e8ec;
}

.bg-navbar,
footer {
    background: #23242a !important;
}

/* Main hero/background */
.bg-hero {
    background: linear-gradient(120deg, #222741 60%, #1a2638 100%);
}

.bg-section {
    background-color: #181a1e !important;
}

.bg-feature {
    background-color: #232634 !important;
}

.bg-card-dark {
    background: #21232b;
}

.text-gradient {
    background: linear-gradient(90deg, #2470a6, #25d9e6, #5a6493 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-primary {
    color: #20acd7 !important;
}

.btn-primary {
    background-color: #2470a6 !important;
    border: none;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1b567f !important;
}

.btn-glow {
    box-shadow: 0 0 16px 2px #25d9e6a8, 0 2px 8px 0 #1a263850 !important;
}

/* Logo border and outer glow */
.logo-glow {
    border-radius: 1rem;
    border: 4px solid #2470a6;
    box-shadow: 0 0 28px 6px #25d9e6bb, 0 2px 8px 0 #1a263850;
    background: #171e27;
}

.bg-logo-border {
    border: 2px solid #25d9e6;
    border-radius: 50%;
}

/* Card style with blue glow */
.card-glow {
    border: none;
    background: #1c212b;
    box-shadow: 0 0 12px 1px #25d9e67e, 0 2px 8px 0 #1a263850;
    transition: box-shadow 0.2s;
}

.card-glow:hover {
    box-shadow: 0 0 28px 8px #25d9e6cc, 0 2px 16px 2px #2470a666;
}

input.form-control,
textarea.form-control {
    background: #20232b !important;
    color: #fff;
    border: 1.5px solid #2470a6 !important;
}

input.form-control:focus,
textarea.form-control:focus {
    background: #232742 !important;
    color: #fff;
    border-color: #25d9e6 !important;
    box-shadow: 0 0 0 0.2rem #20acd79b !important;
}

::-webkit-input-placeholder {
    color: #bddff2;
}

::-moz-placeholder {
    color: #bddff2;
}

:-ms-input-placeholder {
    color: #bddff2;
}

::placeholder {
    color: #bddff2;
}

.alert-success {
    background: #192a22 !important;
    color: #59dba0 !important;
    border: 1.5px solid #2bdba5 !important;
}

/* Accessibility for blue links on dark */
a,
.nav-link {
    color: #5bbbe6;
}

a:hover,
.nav-link:hover {
    color: #25d9e6;
}