/* Font implementation for LUFS Audio Portfolio Website */

/* Font face declarations */
@font-face {
  font-family: 'Host Grotesk';
  src: url('../assets/fonts/HostGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Host Grotesk';
  src: url('../assets/fonts/HostGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Font variable overrides */
:root {
  --font-primary: 'Host Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-secondary: 'Inter', 'Helvetica', Arial, sans-serif;
}

/* Typography styles */
body {
  font-family: var(--font-secondary);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: 700;
}

nav ul li a {
  font-family: var(--font-primary);
  font-weight: 400;
}

.category-link, 
.project-link,
.mobile-menu-nav a {
  font-family: var(--font-primary);
  font-weight: 400;
}

.tag {
  font-family: var(--font-secondary);
  font-weight: 400;
}

.footer-copyright {
  font-family: var(--font-secondary);
  font-weight: 400;
}

/* Font optimization */
/* Preload hints are in HTML head */
/* Font-display: swap ensures text remains visible during font loading */