/* ==========================================================================
   Quick1099 Base Typography (additive)
   Applies Segoe UI typography and text-color parity with the source
   marketing site, without touching page backgrounds/layout structure.
   Relies on cascade + normal specificity (no !important) so that more
   specific existing selectors (icons, badges, buttons, etc.) still win.
   Load AFTER q-tokens.css.
   ========================================================================== */

body {
  font-family: var(--q-font-sans);
  color: var(--q-ink-700) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--q-font-display);
  color: var(--q-ink-900);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Overrides legacy `body, h1...h6, p, a, button, input, select, table, ...
   { font-family: 'Exo', sans-serif !important; }` in styleV2.css, which was
   winning the cascade over the rules above and forcing the old Exo font
   everywhere. Same selector list, same !important weight, loaded after. */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, select, table,
.quick1099-table .table th, .quick1099-table .table td, #tablegrid_length, #gridTable_length, #invoicegrid_length, .dashboard-sidebar {
  font-family: var(--q-font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--q-font-display) !important;
}

/* Preserve icon fonts (Font Awesome / glyphicons) which set their own
   font-family with sufficient specificity; nothing to override here. */

a {
  color: var(--q-blue-600);
}

a:hover,
a:focus {
  color: var(--q-blue-700);
}

/* Overrides legacy `h5, .h5 { color: #1cbaa0 !important; }` (modal/section
   titles such as "Select the OTP Option", "Recipient Search") to brand blue. */
h5, .h5,
.modal-title {
    color: var(--q-navy-900) !important;
}

.h1 .loginHeader {
    color: #fff !important;
}