/* ==========================================================================
   FONT.CSS — typography tokens & type scale
   ========================================================================== */

:root {
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
}

body {
  font-family: var(--font-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.display, .headline, .title-l {
  font-family: var(--font-display);
  letter-spacing: -.01em;
}

.display-l  { font-size: clamp(2.6rem, 6vw, 3.6rem); font-weight: 800; line-height: 1.06; }
.headline   { font-size: clamp(1.7rem, 3.4vw, 2.25rem); font-weight: 700; line-height: 1.15; }
.title-l    { font-size: 1.35rem; font-weight: 700; }
.label      { font-size: .78rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.lead       { font-size: clamp(1.02rem, 1.6vw, 1.18rem); color: var(--on-surface-variant); }