@font-face {
  font-family: 'Geist Sans';
  src: url('/fonts/geist-sans-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Sans';
  src: url('/fonts/geist-sans-italic-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('/fonts/geist-mono-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('/fonts/geist-mono-italic-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lemma Sans';
  src: url('/fonts/sans.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lemma Sans';
  src: url('/fonts/sans-italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lemma Serif';
  src: url('/fonts/serif.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lemma Serif';
  src: url('/fonts/serif-italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lemma Mono';
  src: url('/fonts/mono.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* CSS Custom Properties for Font Switching */
:root {
  --font-body: 'Lemma Sans', 'Inter', system-ui, sans-serif;
  --font-serif: 'Lemma Serif', 'Merriweather', Georgia, serif;
  --font-mono: 'Lemma Mono', 'Fira Code', monospace;
}