@font-face {
  font-family: "California";
  src: url("assets/california.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oceanside Typewriter";
  src: url("assets/Oceanside.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Make ALL headings use Oceanside */
h1, h2, h3, h4, h5, h6 {
  font-family: "Oceanside Typewriter", system-ui, sans-serif !important;
}

/* Your template uses Tailwind classes like "font-display" on headers.
   Override those too so they actually switch. */

.nav-brand {
  font-family: "Playfair Script", cursive;
  font-weight: 400;
  letter-spacing: 0.04em;
}.nav-cursive {
  font-family: "Playfair Script", cursive;
  font-weight: 400;
}