/* Talenta Pros typography system (Oct 23, 2026) — Manrope.
   Loaded last so it sets the global type scale. Component rules with
   classes still win where a section needs its own size. */

:root {
  --font-primary: "Manrope", "Segoe UI", system-ui, sans-serif;
  --display: var(--font-primary);
  --body: var(--font-primary);
  --text-primary: var(--ink, #172033);
  --text-secondary: var(--muted, #596579);
  --type-control: 0.95rem; /* button text size */
}

body {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.65;
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-family: var(--font-primary);
  font-size: clamp(2.25rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.045em;
}

h2 {
  font-family: var(--font-primary);
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

h3 {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

/* Paragraphs: secondary colour only where nothing else sets one
   (keeps white text on navy hero/footer readable) */
p {
  font-size: 1rem;
  line-height: 1.7;
}

button,
.button,
.btn {
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.price,
.plans .amt {
  font-weight: 800;
  letter-spacing: -0.04em;
}