/* 
 * 🎯 PACKQUEST FONTS - INTER & PRESS START 2P
 * LOKALE FONTS - 100% DSGVO-KONFORM!
 * Lizenz: SIL Open Font License (OFL 1.1) - Kommerziell nutzbar
 */

/* 🚀 LOKALE FONT-DEFINITIONEN - INTER FAMILY */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Inter-SemiBold.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('./Inter-ExtraBold.woff2') format('woff2');
}

/* 🎮 PRESS START 2P - RETRO GAMING FONT */
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./PressStart2P-Regular.ttf') format('truetype');
}

/* Font-Variablen für ultimativen Retro-Look */
:root {
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Press Start 2P', 'Courier New', Monaco, monospace;
}

/* Globale Font-Anwendung - MEHR PRESS START 2P */
body, html {
  font-family: var(--font-primary) !important;
}

/* 🎮 PROFESSIONELLE RETRO-FONT ANWENDUNG */

/* Press Start 2P - STRATEGIC USAGE */
.brand-name, h1.pixel, .pixel,
.btn, .header-cta,
.game-title, .hero h1,
nav a.pixel, .retro-badge,
.achievement, .stats-bar {
  font-family: var(--font-display) !important;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

/* Inter - PREMIUM READABILITY */
body, html, p, span, div {
  font-family: var(--font-primary) !important;
  font-weight: 400;
  letter-spacing: normal;
}

/* Inter für Überschriften - verschiedene Gewichte */
h2, h3, h4, h5, h6 {
  font-family: var(--font-primary) !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Inter für Karten und Navigation */
.card, .card p, .menu a:not(.pixel),
input, textarea, select, label:not(.pixel),
.description, .content, .muted {
  font-family: var(--font-primary) !important;
  font-weight: 400;
}

/* Inter Semibold für Wichtiges */
.card h3, strong, .important {
  font-family: var(--font-primary) !important;
  font-weight: 600;
}

/* Font Optimization */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}