/* =========================================================================
   TKT Pumps — Brand Typography
   Primary: SVN-Avant Garde Gothic (self-hosted, Vietnamese full-support)
   Fallback: Jost (Google Fonts, geometric grotesque, Vietnamese subset)
   System fallback: -apple-system, Segoe UI Variable, sans-serif
   ========================================================================= */

/* ===== SVN-Avant Garde Gothic — 5 weights × 2 styles ===== */
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-ExtraLight.woff2") format("woff2");
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-Book.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-BookItalic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-Medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-MediumItalic.woff2") format("woff2");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-Demi.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-DemiItalic.woff2") format("woff2");
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SVN-Avant Garde Gothic";
  src: url("../fonts/SVN-AvantGardeGothic-BoldItalic.woff2") format("woff2");
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ===== Google Font fallback ===== */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200..700;1,200..700&family=JetBrains+Mono:wght@400;500;700&display=swap");

/* ===== Tokens ===== */
:root {
  --font-display: "SVN-Avant Garde Gothic", "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-body:    "SVN-Avant Garde Gothic", "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}