/* ============================================
   MSI GAMING APP - FONT IMPORTS
   ============================================ */

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

/* ── FONT UTILITY CLASSES ── */
.msi-font-orbitron { font-family: 'Orbitron', monospace !important; }
.msi-font-rajdhani { font-family: 'Rajdhani', sans-serif !important; }
.msi-font-inter    { font-family: 'Inter', sans-serif !important; }

.msi-fw-300 { font-weight: 300 !important; }
.msi-fw-400 { font-weight: 400 !important; }
.msi-fw-500 { font-weight: 500 !important; }
.msi-fw-600 { font-weight: 600 !important; }
.msi-fw-700 { font-weight: 700 !important; }
.msi-fw-800 { font-weight: 800 !important; }
.msi-fw-900 { font-weight: 900 !important; }

.msi-fs-xs  { font-size: 0.72rem !important; }
.msi-fs-sm  { font-size: 0.85rem !important; }
.msi-fs-md  { font-size: 1rem !important; }
.msi-fs-lg  { font-size: 1.2rem !important; }
.msi-fs-xl  { font-size: 1.5rem !important; }
.msi-fs-2xl { font-size: 2rem !important; }
.msi-fs-3xl { font-size: 2.8rem !important; }

.msi-ls-wide { letter-spacing: 0.12em !important; }
.msi-ls-wider { letter-spacing: 0.2em !important; }
.msi-ls-tight { letter-spacing: -0.02em !important; }

.msi-lh-tight  { line-height: 1.1 !important; }
.msi-lh-normal { line-height: 1.5 !important; }
.msi-lh-loose  { line-height: 1.8 !important; }

.msi-uppercase { text-transform: uppercase !important; }
.msi-capitalize { text-transform: capitalize !important; }

/* ── DISPLAY HEADINGS ── */
.msi-display-1 {
  font-family: 'Orbitron', monospace;
  font-size: clamp(2.4rem, 7vw, 5.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.01em;
}

.msi-display-2 {
  font-family: 'Orbitron', monospace;
  font-size: clamp(1.8rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
}

.msi-display-3 {
  font-family: 'Orbitron', monospace;
  font-size: clamp(1.3rem, 3.5vw, 2.4rem);
  font-weight: 700;
  line-height: 1.2;
}

/* ── LEAD TEXT ── */
.msi-lead {
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: #9a9aaa;
  line-height: 1.75;
  font-weight: 400;
}

/* ── CAPTION ── */
.msi-caption {
  font-family: 'Rajdhani', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9a9aaa;
}