/* ============================================================
   HNM vCard – Brand Theme Overrides
   Palette: Cyan #45C7EA · Indigo #4453B8 · Ink Navy #11152E
            Cloud #F4F6FB · Slate #656B82
   Typeface: Poppins
   Developed by HNM Studio – https://hnmvcard.com
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --hnm-cyan: #45C7EA;
    --hnm-indigo: #4453B8;
    --hnm-navy: #11152E;
    --hnm-cloud: #F4F6FB;
    --hnm-slate: #656B82;
    --hnm-gradient: linear-gradient(90deg, #45C7EA 0%, #4453B8 100%);
    --bs-primary: #4453B8;
    --bs-primary-rgb: 68, 83, 184;
    --bs-info: #45C7EA;
    --bs-info-rgb: 69, 199, 234;
}

html, body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

a { color: var(--hnm-indigo); }
a:hover { color: #37449a; }

.btn-primary,
.badge-primary,
.bg-primary {
    background-color: var(--hnm-indigo) !important;
    border-color: var(--hnm-indigo) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #37449a !important;
    border-color: #37449a !important;
}

.btn-outline-primary {
    color: var(--hnm-indigo) !important;
    border-color: var(--hnm-indigo) !important;
}

.btn-outline-primary:hover {
    background-color: var(--hnm-indigo) !important;
    color: #fff !important;
}

.text-primary { color: var(--hnm-indigo) !important; }
.text-info { color: var(--hnm-cyan) !important; }
.border-primary { border-color: var(--hnm-indigo) !important; }

.form-check-input:checked {
    background-color: var(--hnm-indigo);
    border-color: var(--hnm-indigo);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--hnm-cyan);
    box-shadow: 0 0 0 0.25rem rgba(69, 199, 234, 0.25);
}

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

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--hnm-indigo);
}