/* ==========================================================
   mezule — FONTS (change fonts here, nowhere else)

   1. Pick a font on https://fonts.google.com
   2. Click "Get font" > "Get embed code" > choose "@import"
      and paste the URL into the @import line below
      (replace the placeholder URL, keep it as the first line
      after this comment).
   3. Put the font name in the two variables at the bottom.

   DISPLAY = logo, headings, big numbers
   BODY    = everything else
   Use the same font for both if you want a single family.
   ========================================================== */

/* PLACEHOLDER fonts: replace this URL with your chosen Google Fonts URL */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Figtree:wght@400..700&display=swap');

:root {
  /* PLACEHOLDER: swap 'Bricolage Grotesque' for your display font */
  --font-display: 'Bricolage Grotesque', 'Trebuchet MS', system-ui, sans-serif;
  /* PLACEHOLDER: swap 'Figtree' for your body font */
  --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}