:root {
  --font-display: 'Unbounded', 'Impact', system-ui, sans-serif;
  --font-body: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  --scale-h1: clamp(2.4rem, 2.2rem + 1.5vw, 3.4rem);
  --scale-h2: clamp(2rem, 1.6rem + 1.2vw, 2.8rem);
  --scale-h3: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  --scale-body: 1rem;
}

html {
  font-size: 16px;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-body);
  line-height: 1.6;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

h1 { font-size: var(--scale-h1); }
h2 { font-size: var(--scale-h2); }
h3 { font-size: var(--scale-h3); }

p, li, a, button, input, textarea, label {
  font-family: var(--font-body);
}

code, pre, .mono {
  font-family: var(--font-mono);
}

.btn, button, .btn_1 {
  font-family: var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}