/* Font declarations */
@font-face {
  font-family: 'MessinaSans';
  src: url('/fonts/MessinaSans-Bold.woff2') format('woff2'),
       url('/fonts/MessinaSans-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MessinaModern';
  src: url('/fonts/MessinaModern-Regular.woff2') format('woff2'),
       url('/fonts/MessinaModern-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Apply fonts to elements */
h1, h2, h3, h4, h5, h6, .title, .subtitle {
  font-family: 'MessinaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-feature-settings: "kern";
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  /* Clean, no special effects */
  color: rgb(51, 51, 51);
  /* Scale down all headers by 15% */
  transform: scale(0.85);
  transform-origin: left top;
  margin-bottom: 0.5em; /* Add some bottom margin to compensate for the scaling */
}

/* Navbar items keep their original size */
.navbar-item {
  font-family: 'MessinaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-feature-settings: "kern";
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgb(51, 51, 51);
}

body, p, li, a, button, input, select, textarea {
  font-family: 'MessinaModern', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-feature-settings: "kern";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0.4px;
  color: rgb(65, 65, 65);
  /* We can reduce or remove these now that we have Regular weight */
  -webkit-text-stroke: 0.2px;
  text-shadow: 0 0 0.5px rgba(0,0,0,0.05);
}

/* Responsive letter spacing for headings */
@media screen and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6, .title, .subtitle {
    letter-spacing: 0.3px;
  }
  
  /* Adjust text weight for better readability on mobile */
  body, p, li, a, button, input, select, textarea {
    -webkit-text-stroke: 0.25px;
  }
}