/* ============================================================
   SELF-HOSTED FONTS
   ============================================================
   Anton (headings) and Inter (everything else) load from font
   files that live in this project (fonts/), the same
   self-hosting pattern used across every Cheapwebsitestore
   template — no requests to Google's own servers, no flash of a
   fallback font while the real one loads in.

   ------------------------------------------------------------
   SETUP — one-time, about 5 minutes for both fonts:
   ------------------------------------------------------------
   ANTON (one weight only — this is a single-weight display font):
   1. Go to https://fonts.google.com/specimen/Anton
   2. Click "Get font" -> "Download all" (downloads a .zip).
   3. Unzip it and copy this file into fonts/Anton/:
        Anton-Regular.ttf

   INTER (four weights — this site uses all four):
   1. Go to https://fonts.google.com/specimen/Inter
   2. Click "Get font" -> "Download all" (downloads a .zip).
   3. Unzip it, open the "static" folder inside, and copy these
      four files into fonts/Inter/:
        Inter-Regular.ttf
        Inter-Medium.ttf
        Inter-SemiBold.ttf
        Inter-Bold.ttf

   End result:
     fonts/Anton/Anton-Regular.ttf
     fonts/Inter/Inter-Regular.ttf
     fonts/Inter/Inter-Medium.ttf
     fonts/Inter/Inter-SemiBold.ttf
     fonts/Inter/Inter-Bold.ttf

   Done — reload the page. No build step needed; the @font-face
   rules below already point at these files.

   OPTIONAL (smaller/faster files): convert each .ttf to .woff2
   with a free online converter and add the result alongside the
   .ttf with the same name — the rules below prefer .woff2 and
   fall back to .ttf automatically.

   Until these files are added, the browser falls back to the
   generic families listed in css/variables.css
   (--font-heading / --font-body), so the site still renders
   correctly — just not in the exact brand typeface yet.
   ============================================================ */

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

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

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

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

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Bold.woff2') format('woff2'),
       url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}