:root {
  --km-title-size: clamp(2.1rem, 3.2vw, 3.1rem);
  --km-title-hero-size: clamp(2.8rem, 7vw, 4.6rem);
  --km-title-line-height: 1.12;
  --km-lede-size: clamp(1.05rem, 1.8vw, 1.25rem);
  --km-body-size: 1rem;
  --km-body-size-sm: 0.95rem;
  --km-card-title-size: clamp(1.1rem, 1.8vw, 1.35rem);
  --km-icon-size: 52px;
  --km-icon-size-lg: 60px;
  --km-icon-radius: 14px;
  --km-icon-font: 1.25rem;
  --km-icon-font-lg: 1.4rem;
  --km-section-min-height: calc(var(--km-hero-vh, 1vh) * 100);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--km-font-body, 'Lexend', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  color: var(--km-text);
}