/*
  Typography System
  Inter Variable Font with fallbacks
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-foreground);
  font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  color: var(--color-foreground);
  text-wrap: balance;
}

h1 {
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.025em;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.02em;
}

h3 {
  font-size: var(--font-size-3xl);
  letter-spacing: -0.015em;
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

/* Body text */
p {
  line-height: var(--line-height-relaxed);
  max-width: 65ch;
}