/* Typography utilities for Megabyte and Barlow fonts */

/* Apply Barlow to body by default */
body {
  font-family: 'Barlow', sans-serif;
}

/* Apply Megabyte to all h1-h6 headings by default */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Megabyte', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

h1 {
  font-weight: 900;
}

h2 {
  font-weight: 700;
}

h3, h4 {
  font-weight: 600;
}

h5, h6 {
  font-weight: 500;
}

/* Apply Megabyte to all buttons and button-like elements */
button,
[type="button"],
[type="submit"],
[type="reset"],
.btn,
a.button,
input[type="submit"],
input[type="button"],
a[class*="inline-flex"][class*="bg-"],
a[class*="button"],
a[class*="rounded"] {
  font-family: 'Megabyte', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Utility classes for explicit Megabyte usage */
.font-megabyte {
  font-family: 'Megabyte', sans-serif;
}

.megabyte-light {
  font-family: 'Megabyte', sans-serif;
  font-weight: 300;
}

.megabyte-regular {
  font-family: 'Megabyte', sans-serif;
  font-weight: 400;
}

.megabyte-medium {
  font-family: 'Megabyte', sans-serif;
  font-weight: 500;
}

.megabyte-bold {
  font-family: 'Megabyte', sans-serif;
  font-weight: 700;
}

.megabyte-black {
  font-family: 'Megabyte', sans-serif;
  font-weight: 900;
}

/* Utility classes for explicit Barlow usage */
.font-barlow {
  font-family: 'Barlow', sans-serif;
}