/**
 * Navorina brand typography — logo wordmark + display headings (landing parity).
 * Instrument Serif for logo and H1/H2-level titles; Inter for UI body (loaded per page).
 */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=block');

:root {
  --font-serif: 'Instrument Serif', ui-serif, Georgia, 'Times New Roman', serif;
}

/* ── Logo wordmark (old site / landing .navorina-logo) ── */

.dash-logo__mark {
  display: none;
}

.dash-logo__word {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  padding-left: 6px;
  padding-top: 2px;
  color: var(--dash-text, #f4f4f5);
}

/* ── Page titles (H1-level, 32px) ── */

.dash-page :is(
  .rpt-title,
  .inv-title,
  .tx-title,
  .pay-title,
  .acc-title,
  .bud-title,
  .tax-title,
  .ins-title,
  .set-title,
  .prof-title,
  .team-title,
  .plan-title,
  .bill-title,
  .sec-title,
  .api-title,
  .int-title,
  .ntf-title,
  .ntc-title,
  .aud-title,
  .hlp-title,
  .cpay-title,
  .cinv-title,
  .cxfr-title,
  .cxch-title,
  .cbnk-title,
  .cwlt-title,
  .cint-title,
  .capi-title,
  .tinv-title,
  .cexpr-title,
  .cappr-head__title,
  .ob-step__title,
  .esk-title,
  .accd-hero__name,
  .mnt-hero__title,
  .se500-hero__title,
  .nf404-hero__title,
  .pd403__title
) {
  font-family: var(--font-serif);
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.022em;
}

/* ── Design System documentation headings ── */

.dsf-header__title,
.dsf-section__title {
  font-family: var(--font-serif);
  font-weight: 500;
  font-style: normal;
}

.dsf-header__title {
  letter-spacing: -0.032em;
}

.dsf-section__title {
  letter-spacing: -0.022em;
}

/* Foundations type scale samples */
.dsf-type-sample--display,
.dsf-type-sample--h1,
.dsf-type-sample--h2 {
  font-family: var(--font-serif);
  font-weight: 500;
  font-style: normal;
}

.dsf-type-sample--display { letter-spacing: -0.032em; }
.dsf-type-sample--h1 { letter-spacing: -0.025em; }
.dsf-type-sample--h2 { letter-spacing: -0.022em; }

.dsf-type-sample--h3 {
  font-family: var(--font-primary, 'Inter', system-ui, sans-serif);
  font-weight: 500;
  letter-spacing: -0.012em;
}

/* Modal / wizard display titles inside flows */
.dash-page :is(
  .nv-modal__title,
  .ob-step__title
) {
  font-family: var(--font-serif);
  font-weight: 500;
  letter-spacing: -0.02em;
}