/* Self-hosted modern web font for the whole site.
   One distinctive, contemporary family — Plus Jakarta Sans — used everywhere,
   with weight (not family) creating the heading/body hierarchy. Single variable
   woff2 (all weights, ~27KB), self-hosted (no external request — fits the site's
   privacy/GDPR posture). To change the site font, swap the src file + the value
   in both variables below. */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/jakarta-variable.woff2') format('woff2');
}

:root {
  --kl-font-body: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --kl-font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Baseline: the whole site on the body font; headings keep the same family
   (hierarchy comes from weight). Components in site.css / mobile.css / legal.css
   reference these same variables so everything stays on this one font. */
body { font-family: var(--kl-font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--kl-font-display); }