:root {
  --km-title-size: clamp(2rem, 1.68rem + 1.25vw, 3rem);
  --km-title-hero-size: clamp(3rem, 2.35rem + 2.65vw, 4.8rem);
  --km-title-line-height: 1.12;
  --km-lede-size: var(--km-text-lg);
  --km-body-size: var(--km-text-md);
  --km-body-size-sm: var(--km-text-sm);
  --km-card-title-size: var(--km-heading-sm-scale);
  --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);
}