/* ============================================================
   CUSTOM LOGO FONT
   ============================================================
   SETUP INSTRUCTIONS:
   1. Copy your font file into the /fonts/ folder
      (e.g. "MyFont.woff2", "MyFont.ttf", etc.)
   2. In the @font-face block below, update the src: url()
      to match your exact filename.
   3. Save this file — done!

   The CSS class .logo-font applies this font.
   To use it anywhere, add class="logo-font" to any element,
   or reference it in CSS via: font-family: 'LogoFont', sans-serif;
   ============================================================ */

@font-face {
   font-family: 'LogoFont';

   /* ⬇️  CHANGE THIS LINE — replace YOUR_FONT_FILE with your actual font filename */
   src:
      url('../fonts/logofont.otf') format('opentype');

   font-weight: normal;
   font-style: normal;
   font-display: swap;
   /* prevents invisible text while font loads */
}

/* Utility class — add this to any element to apply the logo font */
.logo-font {
   font-family: 'LogoFont', sans-serif;
}