@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/figtree-variable.ttf') format('truetype-variations'),
       url('../assets/fonts/figtree-variable.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/poppins-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/poppins-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/poppins-700.ttf') format('truetype');
}

:root {
  --font-body: 'Figtree', -apple-system, sans-serif;
  --font-heading: 'Poppins', -apple-system, sans-serif;

  --text-display: 600 58px/1.05 var(--font-heading);
  --text-h1: 700 30px/1.2 var(--font-heading);
  --text-h2: 700 22px/1.25 var(--font-heading);
  --text-h3: 700 18px/1.3 var(--font-heading);
  --text-body: 400 15px/1.6 var(--font-body);
  --text-body-sm: 400 13.5px/1.6 var(--font-body);
  --text-label: 600 12px/1.3 var(--font-body);
  --text-kicker: 600 11px/1.3 var(--font-body);
}

body { font: var(--text-body); letter-spacing: normal; }