/*
 * Harmon Mersky Nonprofit Advisors (HM) theme.
 * Loaded after style.css / gibbs_gray.css on every page. Change a brand color
 * here (and in config/brand.php, used by email) and it flows through the UI.
 */
:root {
    --hm-blue:     #1E7BD4; /* buttons, links, active navigation */
    --hm-midnight: #183768; /* header, headings */
    --hm-slate:    #5C6B80; /* secondary text */
    --hm-sky:      #5AA9EE; /* accent on navy */
    --hm-mist:     #A7B3C5; /* borders, muted text */
}

/* ── Links ─────────────────────────────────────────────────────────────── */
a { color: var(--hm-blue); }
a:hover, a:focus { color: var(--hm-midnight); }
.text-primary { color: var(--hm-blue) !important; }
.text-muted { color: var(--hm-slate) !important; }

/* ── Buttons ───────────────────────────────────────────────────────────── */
.btn-primary,
.btn-gradient-primary,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--hm-blue) !important;
    border-color: var(--hm-blue) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-gradient-primary:hover,
.btn-primary:focus {
    background: var(--hm-midnight) !important;
    border-color: var(--hm-midnight) !important;
    color: #fff !important;
}
.btn-outline-primary {
    color: var(--hm-blue) !important;
    border-color: var(--hm-blue) !important;
}
.btn-outline-primary:hover {
    background: var(--hm-blue) !important;
    color: #fff !important;
}

/* ── Pagination (Bootstrap + DataTables) ───────────────────────────────── */
.page-item.active .page-link,
.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--hm-blue) !important;
    border-color: var(--hm-blue) !important;
    color: #fff !important;
}
.page-link { color: var(--hm-blue); }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--hm-blue) !important;
    border-color: var(--hm-blue) !important;
    color: #fff !important;
}

/* ── Form focus ────────────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: var(--hm-blue);
    box-shadow: 0 0 0 .2rem rgba(30, 123, 212, .18);
}

/* ── Login / password-recovery screens ─────────────────────────────────── */
.auth .brand-logo-hm {
    display: block;
    width: 100%;
    max-width: 340px;
    height: auto;
    margin: 0 0 14px;
}
.auth .auth-product-name {
    margin: 0;
    font-family: 'Crimson Text', Georgia, serif;
    font-size: 30px;
    line-height: 1.1;
    color: var(--hm-midnight);
}
.auth h4 { color: var(--hm-midnight); }
.auth h6 { color: var(--hm-slate); }
.auth .auth-link { color: var(--hm-blue) !important; }
.auth .auth-link:hover { color: var(--hm-midnight) !important; }