/* Font family utility classes with Google Fonts fallbacks */
.font-digit {
    font-family: 'Orbitron', 'Exo 2', 'Rajdhani', 'Share Tech Mono', monospace;
    font-weight: bold;
    letter-spacing: 0.05em;
}

/* Header specific styles */
.header-font {
    font-family: 'Orbitron', 'Exo 2', 'Rajdhani', 'Share Tech Mono', monospace;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Tighter tracking variant for long uppercase headings on small screens */
@media (max-width: 640px) {
  .header-tight {
    letter-spacing: 0.04em;
    word-break: break-word;
  }

  /* Reduce size of long uppercase headings on mobile */
  .header-font.header-tight {
    font-size: 1.125rem; /* text-lg base for mobile */
  }
}

/* Hero specific styles */
.hero-font {
    font-family: 'Orbitron', 'Exo 2', 'Rajdhani', 'Share Tech Mono', monospace;
    font-weight: bold;
    letter-spacing: 0.02em;
} 

/* Mobile typography refinements for long uppercase headings */
@media (max-width: 640px) {
  h1.header-font,
  h2.header-font,
  h3.header-font,
  h4.header-font {
    letter-spacing: 0.02em;
    text-transform: none; /* allow better wrapping/hyphenation */
    word-break: break-word;
    hyphens: auto;
  }

  .hero-font {
    letter-spacing: 0.01em;
  }
}