/* =============================================
   ERTC Quiz - Font Imports & Typography
   ============================================= */

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

/* ---- Typography Scale ---- */
.display-xl {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.display-lg {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.display-md {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
}

.heading-1 { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; }
.heading-2 { font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; }
.heading-3 { font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 600; }

.body-lg { font-size: 1.1rem; line-height: 1.8; }
.body-md { font-size: 1rem; line-height: 1.7; }
.body-sm { font-size: 0.9rem; line-height: 1.6; }
.body-xs { font-size: 0.8rem; line-height: 1.5; }

.label-sm {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.font-dm { font-family: 'DM Sans', sans-serif; }
.font-poppins { font-family: 'Poppins', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }

/* ---- Font Weights ---- */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }