/* ============================================================
   TYPOGRAPHY: Font declarations, heading glow, prose readability
   Self-hosted fonts via Fontsource woff2 files
   ============================================================ */

@font-face {
  font-family: 'Press Start 2P';
  src: url('/assets/fonts/press-start-2p.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;  /* Show fallback immediately; swap when loaded */
}

@font-face {
  font-family: 'VT323';
  src: url('/assets/fonts/vt323.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Mono';
  src: url('/assets/fonts/noto-sans-mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Heading elements -- monospace pixel font, phosphor glow */
h1, h2, h3 {
  font-family: 'Press Start 2P', 'VT323', monospace;
  color: var(--color-primary);
  text-shadow:
    0 0 8px var(--glow-primary),
    0 0 16px rgba(0, 221, 0, 0.4);
  letter-spacing: 2px;
  line-height: 1.5;
}

h1 { font-size: 1.5rem; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1rem; }

/* Sub-headings and UI labels -- VT323 for a lighter retro feel */
h4, h5, h6, .label, .ui-text {
  font-family: 'VT323', monospace;
  color: var(--color-primary);
  font-size: 1.2rem;
  text-shadow: 0 0 6px rgba(0, 221, 0, 0.5);
  letter-spacing: 1px;
}

/* Body prose -- Noto Sans Mono matches terminal font; glow disabled for readability */
p, article, .prose, li {
  font-family: 'Noto Sans Mono', 'Courier New', monospace;
  color: var(--color-primary);
  font-size: 1.125rem;
  line-height: 1.7;
  text-shadow: none;
}

/* Inline code, terminal output -- monospace but no glow */
code, pre, .terminal {
  font-family: 'VT323', 'Courier New', monospace;
  color: var(--color-primary);
  font-size: 1.1rem;
}

pre {
  background-color: #0a0a0a;
  border: 1px solid var(--color-dim);
  padding: 1rem;
  overflow-x: auto;
}

/* Navigation and UI chrome -- Press Start 2P */
nav, .nav-link, .section-title, .page-id {
  font-family: 'Press Start 2P', monospace;
}

/* Accent text */
.accent-amber { color: var(--color-accent-amber); }
.accent-cyan  { color: var(--color-accent-cyan); }
.accent-red   { color: var(--color-accent-red); }