/* ============================================================
   TRIO SEAFOODS — webfonts
   Spectral (display serif) + Hanken Grotesk (sans)
   Served from Fontsource CDN (jsDelivr). Replace with self-hosted
   files under assets/fonts/ if the user uploads them.
   ============================================================ */

/* ---- Spectral ---- */
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:500;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-500-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-600-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:700;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-700-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:800;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-800-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-400-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:italic;font-weight:500;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-500-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:italic;font-weight:600;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/spectral/files/spectral-latin-600-italic.woff2") format("woff2");
}

/* ---- Hanken Grotesk ---- */
@font-face{
  font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/hanken-grotesk/files/hanken-grotesk-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/hanken-grotesk/files/hanken-grotesk-latin-500-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/hanken-grotesk/files/hanken-grotesk-latin-600-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;
  src:url("https://cdn.jsdelivr.net/npm/@fontsource/hanken-grotesk/files/hanken-grotesk-latin-700-normal.woff2") format("woff2");
}