// The fonts available are OTF and TTF. Modern browsers prefer WOFF/WOFF2,
// but we'll use TTF/OTF here.
// We assume main.css is compiled into Resources/Public/Css, so to reach Fonts: ../Fonts/
// Make sure filenames match exactly (case-sensitive) and spaces are escaped or handled properly.

// Hajime Sans (no weight variations provided other than normal)
@font-face {
  font-family: 'Hajime Sans';
  src: url('../Fonts/Hajime Sans.ttf') format('truetype'),
       url('../Fonts/Hajime Sans.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

// Inter as a variable font:
// The Inter variable fonts likely contain multiple weights.
// We'll define one face for normal and one for italic using the variable font files.
// Define the weight range if needed (e.g., font-weight: 100 900 for variable range).

@font-face {
  font-family: 'Inter';
  src: url('../Fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900; // Adjust as needed for variable font range
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../Fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

// Use Inter for body text
body {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

// Use Hajime Sans for headlines
h1, h2, h3 {
  font-family: 'Hajime Sans', sans-serif;
  color: var(--bs-primary);
  font-weight: 400;
}

h2 {
  font-size: 4rem;
}

h4 {
  font-size: 1.5rem;
}

a {
    color: var(--cl-primary);
    text-decoration: none;
    font-weight: 700;
}


// Use Hajime Sans for buttons as well
button, .btn {
  font-family: 'Hajime Sans', sans-serif;
  font-weight: 400;
}