/* Font faces */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter/Inter-Regular.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pacifico';
  src: url('/fonts/pacifico/Pacifico-Regular.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Surfing Capital';
  src: url('/fonts/surfing_capital/Surfing_Capital.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background: #004080;
  color: #001F3F;
  line-height: 1.5;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* Ensure web components display properly with NO gaps */
hero-section,
about-section,
contact-section,
footer-section {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

/* Utility classes */
.font-display {
  font-family: 'Surfing Capital', cursive;
}

.font-accent {
  font-family: 'Pacifico', cursive;
}

.font-body {
  font-family: 'Inter', sans-serif;
}