/* ============================================================
   LMS ERP — Global Typography
   Applies the dashboard's Inter treatment across the whole app.
   Load AFTER app.css.
   ============================================================ */

:root {
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

html, body {
  font-family: var(--font-body);
  /* cv01 = slashless zero (fixes the black-oval 0)
     tnum = tabular figures so numbers align in columns */
  font-feature-settings: 'cv01' 1, 'tnum' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Anything that explicitly asked for the old display font */
h1, h2, h3, h4, h5, h6,
.page-title, .card-title, .modal-title, .panel-title,
.brand-name, .stat-value, .st-value, .kpi-value,
.wb-name, .dw-name, .auth-headline, .auth-form-header h2,
.empty-title, .avatar, .user-avatar, .topbar-avatar,
.dash h1, .dash h2, .dash h3, .dash .num {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}

/* Inter is wider than Syne at the same size — trim the
   headings slightly so nothing wraps that didn't before */
.page-title      { font-size: 1.5rem; font-weight: 700; }
.auth-headline   { font-size: 2.6rem; font-weight: 800; letter-spacing: -0.035em; }
.stat-value      { font-size: 1.75rem; font-weight: 700; }
.brand-name      { font-size: 15px;   font-weight: 700; letter-spacing: -0.01em; }

/* Every numeric surface gets tabular + slashless zero */
.stat-value, .st-value, .kpi-value, .avail-num,
.dash-table td, table td, .pagination-info,
.badge, .receipt-row, .dt-mono {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'cv01' 1, 'tnum' 1;
}

/* Keep real monospace where it's meaningful (barcodes, IDs) */
.dt-mono,
[style*="monospace"],
code, pre, kbd {
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, monospace;
  font-feature-settings: normal;
}