@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'BlackletterExtrabold';
  src: url('../fonts/BlackletterExtrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BlackletterShadow';
  src: url('../fonts/BlackletterShadow.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --bg-color: #050505;
  --text-color: #ffffff;
  --accent-color: #ff3e3e; /* Minimal spicy accent */
  --secondary-bg: #111111;
  --glass-bg: rgba(255, 255, 255, 0.05);
  --border-color: rgba(255, 255, 255, 0.1);
  
  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', sans-serif; /* Standard display font for headings */
  --font-brand: 'BlackletterExtrabold', serif; /* Dedicated brand font */
  
  /* Spacing */
  --container-width: 1400px;
  --section-padding: clamp(60px, 10vw, 120px);
  --nav-height: 80px;
  
  /* Transitions */
  --transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast: all 0.2s ease;
}