/* ========================================
   HERO SPLIT - GLOBAL TYPOGRAPHY
   Google Fonts - Poppins
   ======================================== */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* Global Font Stack */
:root {
  --font-family-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
}

/* Apply to all elements */
* {
  font-family: var(--font-family-primary);
}

/* Specific font weights */
.font-light { font-weight: var(--font-weight-light) !important; }
.font-regular { font-weight: var(--font-weight-regular) !important; }
.font-medium { font-weight: var(--font-weight-medium) !important; }
.font-semibold { font-weight: var(--font-weight-semibold) !important; }
.font-bold { font-weight: var(--font-weight-bold) !important; }
.font-extrabold { font-weight: var(--font-weight-extrabold) !important; }

/* Common typography classes */
.text-hero {
  font-weight: var(--font-weight-extrabold);
  line-height: 1.1;
}

.text-heading {
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.text-subheading {
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.text-body {
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
}

.text-small {
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
}