/* Custom Font Definitions */
@font-face {
  font-family: "NT Brick Sans";
  src: url("../assets/fonts/NTBrickSans.ttf") format("truetype"),
    url("../assets/fonts/NTBrickSans.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  background-color: #121221 !important;
}

body {
  min-height: 100vh;
  margin: 0;
  /* Matches the Velzon theme base font ($font-family-sans-serif: "Silkscreen", serif).
     Elements without an explicit font class (footer, "LOG IN / SIGN UP",
     "EARN WITH BURNIE", etc.) inherit this pixel font, just like the Next.js app. */
  font-family: "Silkscreen", serif;
}

h1,
h2,
h3,
h4 {
  margin-bottom: 0.5rem;
  line-height: 1;
}

p {
  margin: 1rem 0;
}

/* Matches the styled-jsx rule from the original LandingPage component */
.font-inter {
  font-family: Inter, sans-serif;
}