/* ============================================================
   @font-face — self-hosted brand fonts (user-uploaded)
   ------------------------------------------------------------
   The real Material 3 Expressive brand fonts. These replace the
   earlier Roboto Flex substitution. Family names match the exact
   strings the kit's Variable tokens reference so they resolve
   directly:
     - "Google Sans" / "Google Sans Flex"  → brand (variable)
     - "Google Sans Text"                   → plain (17pt optical)
     - "Regular" / "Medium" / "SemiBold"    → --static-weight-* tokens
     - "Flow Circular"                      → wireframe theme
   ============================================================ */

/* ---- Google Sans (brand, variable weight + optical size) ---- */
@font-face {
  font-family: "Google Sans";
  src: url("../fonts/GoogleSans-VariableFont_GRAD_opsz_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 25% 151%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("../fonts/GoogleSans-Italic-VariableFont_GRAD_opsz_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* Alias used by the brand stack */
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/GoogleSans-VariableFont_GRAD_opsz_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 25% 151%;
  font-style: normal;
  font-display: swap;
}

/* ---- Google Sans Text (plain, static optical weights) ---- */
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-Italic.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-Medium.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-MediumItalic.ttf") format("truetype");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-SemiBold.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("../fonts/GoogleSans_17pt-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---- Weight-named families referenced by --static-weight-* ---- */
@font-face {
  font-family: "Regular";
  src: url("../fonts/GoogleSans_17pt-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Medium";
  src: url("../fonts/GoogleSans_17pt-Medium.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "SemiBold";
  src: url("../fonts/GoogleSans_17pt-SemiBold.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}

/* ---- Flow Circular (wireframe theme) ---- */
@font-face {
  font-family: "Flow Circular";
  src: url("../fonts/FlowCircular-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}