/* Local fonts - no CDN dependency - relative to /static/css/ */
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/GeistMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'GeistPixel';
  src: url('../fonts/GeistPixel-Square.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'GeistPixelSquare';
  src: url('../fonts/GeistPixel-Square.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Pixel Square';
  src: url('../fonts/GeistPixel-Square.ttf') format('truetype');
}
@font-face {
  font-family: 'Geist Pixel Circle';
  src: url('../fonts/GeistPixel-Circle.ttf') format('truetype');
}
@font-face {
  font-family: 'Geist Pixel Grid';
  src: url('../fonts/GeistPixel-Grid.ttf') format('truetype');
}
@font-face {
  font-family: 'Geist Pixel Line';
  src: url('../fonts/GeistPixel-Line.ttf') format('truetype');
}
@font-face {
  font-family: 'Geist Pixel Triangle';
  src: url('../fonts/GeistPixel-Triangle.ttf') format('truetype');
}

.font-pixel {
  font-family: 'Geist Pixel Square', monospace;
  letter-spacing: 0.05em;
}
.font-pixel-circle   { font-family: 'Geist Pixel Circle', monospace; }
.font-pixel-grid     { font-family: 'Geist Pixel Grid', monospace; }
.font-pixel-line     { font-family: 'Geist Pixel Line', monospace; }
.font-pixel-triangle { font-family: 'Geist Pixel Triangle', monospace; }