/* Firefrost Gaming CSS - Fire/Frost/Arcane Branding */

/* Firefrost brand typefaces — REQ-2026-04-24-website-font-update.
   Loaded from Google Fonts in _includes/head.njk; system stack
   serves as the fallback while web fonts are still loading. */
:root {
  --font-display: 'Cinzel', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', Consolas, monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-body);
  background: #0a0a1a;
  color: #e8e8e8;
  line-height: 1.6;
}

/* Display headings — Cinzel. Only the family is set so existing
   inline font-size/font-weight on each page wins per REQ
   ("keep existing font sizes — just swap the families"). */
h1, h2, h3 {
  font-family: var(--font-display);
}

/* Code, terminal, kbd — JetBrains Mono. */
code, pre, kbd, samp {
  font-family: var(--font-mono);
}

/* Responsive footer grid */
@media (max-width: 768px) {
  footer .ffg-footer > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

/* Link hover effects */
a {
  transition: color 0.3s ease;
}

a:hover {
  color: #4ecdc4 !important;
}