/* ==========================================================================
   RADIANT TYPOGRAPHY OVERRIDE — ESPORTS EDITION
   Matches the font strategy of paragontweaks.net:
   - Radiant (display font) for headlines, nav, titles, stat numbers, buttons
   - Roboto (readable font) for all body text, paragraphs, descriptions
   Loaded LAST on every page so it wins the cascade.
   ========================================================================== */

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

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

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

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

/* ==========================================================================
   BODY — Roboto (matches paragontweaks.net's --font-body)
   ========================================================================== */
body {
  font-family: 'Roboto', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ==========================================================================
   ALL PARAGRAPHS / BODY COPY / DESCRIPTIONS — Roboto
   ========================================================================== */
p, li, td, th,
.section-desc, .section-description, .hero-description, .hero-copy,
.hero-v2-copy, .hero-tagline, .prob-body-new, .feature-desc,
.card-description, .faq-a p, .faq-drop-answer,
[class*="-description"], [class*="-desc"], [class*="-copy"],
[class*="-text"], [class*="-subtitle"], [class*="-tagline"],
[class*="-sub"] {
  font-family: 'Roboto', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
}

/* Slightly larger body paragraph text for easy reading */
p {
  font-size: 1.15em !important;
  line-height: 1.85 !important;
}

/* ==========================================================================
   HEADLINES / TITLES — Radiant Black (900), uppercase, wide letterspacing
   Exactly matching paragontweaks.net's hero/section title aesthetic
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.hero-headline, .hero-title, .hero-v2-h1,
.section-title, .section-h2, .ai-new-h2,
.prob-title, .prob-headline, .features-headline,
.thv2-h2, .cred-v2-h3, .pv2-h2, .urgency-h,
.faq-title, .proof-title,
[class*="headline"],
.section-title, .sp-title,
.promo-title, .brands-title,
.card-title, .feature-title {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Extra punch for the biggest headlines on the page */
h1, .hero-headline, .hero-title, .hero-v2-h1 {
  letter-spacing: 0.06em !important;
  word-spacing: 0.04em !important;
}

/* ==========================================================================
   NAV / NAVIGATION — Radiant Regular (400), matching paragontweaks
   ========================================================================== */
.nav-container,
.nav-tab, .nav-link,
.nav-auth-btn, .nav-signup-btn, .nav-login-btn, .nav-dashboard-btn {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 400 !important;
}

/* ==========================================================================
   BUTTONS / CTAs — Radiant Bold (700)
   ========================================================================== */
button, [class*="btn"], [class*="-cta"], [class*="button"],
.btn-primary-tech, .btn-secondary-tech, .nice-button {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* ==========================================================================
   SECTION LABELS / TAGS — Roboto (small uppercase accent text)
   ========================================================================== */
.section-label, .promo-tag, [class*="-label"], [class*="-lbl"],
[class*="-tag"], [class*="-badge"] {
  font-family: 'Roboto', Inter, sans-serif !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   STAT NUMBERS / BIG FIGURES — Radiant Black (900), the "thickest" elements
   ========================================================================== */
.stat-num, .stat-value, [class*="-num"], [class*="-value"],
[class*="-amt"], [class*="-price"], [class*="-amount"],
.scv2-value, .msp-value, .metric-value {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
}

/* Stat labels stay Roboto */
.stat-label, .scv2-label, .msp-label, .metric-label {
  font-family: 'Roboto', Inter, sans-serif !important;
  font-weight: 400 !important;
}

/* ==========================================================================
   FAQ QUESTIONS — Radiant Medium (500)
   ========================================================================== */
.faq-drop-q, .question-text, .faq-question {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   CODE / MONO — JetBrains Mono fallback, kept clean but bold
   ========================================================================== */
code, pre, kbd, samp, [class*="mono"] {
  font-family: 'JetBrains Mono', 'SF Mono', 'Consolas', 'Monaco', monospace !important;
  font-weight: 600 !important;
  font-size: 0.95em !important;
}

/* ==========================================================================
   SMALL PRINT — legal, footnotes, etc.
   ========================================================================== */
small, .legal, .footnote, .disclaimer, [class*="fine-print"],
.copyright {
  font-family: 'Roboto', Inter, sans-serif !important;
  font-size: 0.85em !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   PRICE / COST — Radiant for impact
   ========================================================================== */
.price, .vc-amt, .vc-total {
  font-family: 'Radiant', 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
}