/* ==========================================================================
   Typography - Font Face Definitions
   ========================================================================== */

/* Zen Dots - Display Font (Headlines) */
@font-face {
  font-family: 'Zen Dots';
  src: url('../font/ZenDots-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* VT323 - Monospace/Pixel Font (Body, Tags) */
@font-face {
  font-family: 'VT323';
  src: url('../font/VT323-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Base Typography Styles */
body {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  color: var(--color-white);
  background-color: var(--color-black);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.2;
}

p {
  font-family: var(--font-body);
  line-height: 1.6;
}

/* Utility Classes */
.text-display {
  font-family: var(--font-display);
}

.text-body {
  font-family: var(--font-body);
}

.text-magenta {
  color: var(--color-magenta);
}

.text-gold {
  color: var(--color-gold);
}

.text-white {
  color: var(--color-white);
}