/* ==========================================================================
   typography.css — One typeface, one weight ceiling, everywhere.
   Loaded last on every page so it also normalises the Tailwind-based auth
   and FAQ screens. Poppins only; nothing heavier than 500.
   ========================================================================== */

:root {
  --font-display: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, sans-serif;
}

html, body, button, input, select, textarea, optgroup {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
*, *::before, *::after {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Weight ceiling: 500. Everything that used to be 600–900 comes down to it. */
h1, h2, h3, h4, h5, h6,
b, strong, th, dt, legend, summary, label,
.btn, .badge, .chip, .tab-btn, .nav-link, .faq-trigger,
.brand-premium-name, .brand-name, .brand-sub, .kpi-value, .kpi-label,
.stat-num, .topbar-page-title, .section-head h2, .eyebrow,
.mega-head strong, .mega-card-text b, .mega-head-link,
.btn-get-started, .drawer-link, .drawer-group-trigger, .bottom-nav a,
.qa-role, .form-label, .data-table th, .dash-nav-link,
[class*="font-bold"], [class*="font-extrabold"], [class*="font-semibold"], [class*="font-black"],
[class*="fw-600"], [class*="fw-700"],
[style*="font-weight:600"], [style*="font-weight: 600"],
[style*="font-weight:700"], [style*="font-weight: 700"],
[style*="font-weight:800"], [style*="font-weight: 800"],
[style*="font-weight:900"], [style*="font-weight: 900"],
[style*="font-weight:bold"], [style*="font-weight: bold"] {
  font-weight: 500 !important;
}

/* Tailwind utility weights used on the auth / FAQ pages */
.font-bold, .font-extrabold, .font-semibold, .font-black, .font-medium { font-weight: 500 !important; }

/* Headings keep their size hierarchy; only the weight is capped. */
h1 { letter-spacing: -0.02em; }
h2 { letter-spacing: -0.015em; }