/* Official Google Fonts Latin assets. Licenses are included in the fonts directory. */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/instrument-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/instrument-serif-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/instrument-serif-regular-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Instrument Serif carries the editorial voice; Instrument Sans keeps daily work clear.
   Real upright/italic font files are hosted locally with font-display: swap. */
:root {
  --font-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-family: var(--font-ui);
}
html, body, input, select, textarea, button {
  font-family: var(--font-ui);
}

/* Page titles retain their existing responsive scale and blur reveal. */
.heading h1,
.today-heading h1,
.sample-page-head h1,
.portal-hero h1,
.portal-empty h2,
.signin-card h1,
.signin-mini h3,
.auth-screen .gate h1 em {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.06;
  letter-spacing: -.025em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.auth-screen .gate h1 { font-family: var(--font-ui); }

/* Repeated operating headings and data never inherit the display italic. */
.bento-card h2, .panel h2, .upgrade-section h2, .upgrade-section h3,
.sample-card h2, .settings-card h2, .modal h2,
.metric strong, .stage-tile strong, .delivery-summary strong,
.profit-orbit strong, .serif-total, .sample-stat,
.people-overview strong, .outlook-stat strong,
.today-project-empty > span, .invoice-preview strong {
  font-family: var(--font-ui);
  font-style: normal;
}
/* A legacy !important font shorthand otherwise retains the old serif face. */
.stage-tile strong { font-family: var(--font-ui) !important; }
.portal-empty h2 {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
}
.metric strong, .stage-tile strong, .delivery-summary strong,
.profit-orbit strong, .serif-total, .sample-stat,
.people-overview strong, .outlook-stat strong, .invoice-preview strong,
.academy-summary strong, table, .invoice-total-row {
  font-variant-numeric: lining-nums tabular-nums;
}

/* Give currency figures enough reading width on a phone. */
@media (max-width: 740px) {
  .sample-bento .pipeline-card, .sample-bento .revenue-card { grid-column: 1 / -1; }
}