/* Self-hosted font definitions for Loose Thinking LLC
   NOTE: You still need to upload the actual .woff2 files into this /fonts directory.
   Suggested filenames are referenced below.
*/

@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/PlayfairDisplay-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

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

@font-face {
  font-family: 'Spectral';
  src: url('/fonts/Spectral-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Spectral';
  src: url('/fonts/Spectral-SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* Fallbacks if the self-hosted fonts are not yet uploaded */
body {
  font-family: "Spectral", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1, h2, .tagline, .studio-tagline {
  font-family: "Playfair Display", "Spectral", serif;
}