/* ============================================================
   Fluent / Windows — self-hosted brand fonts (@font-face)
   Segoe UI Variable (Text + Display grades) and Cascadia Code,
   uploaded by the user. Referenced by tokens/typography.css.
   ============================================================ */

/* ---- Segoe UI Variable — Text grade (body / UI) ---- */
@font-face {
  font-family: "Segoe UI Variable Text";
  src: url("../fonts/SegoeUIVariableStaticTextLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Text";
  src: url("../fonts/SegoeUIVariableStaticTextSemilight.ttf") format("truetype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Text";
  src: url("../fonts/SegoeUIVariableStaticText.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Text";
  src: url("../fonts/SegoeUIVariableStaticTextSemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Text";
  src: url("../fonts/SegoeUIVariableStaticTextBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Segoe UI Variable — Display grade (titles / large optical sizes) ---- */
@font-face {
  font-family: "Segoe UI Variable Display";
  src: url("../fonts/SegoeUIVariableStaticDisplayLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Display";
  src: url("../fonts/SegoeUIVariableStaticDisplaySemilight.ttf") format("truetype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Display";
  src: url("../fonts/SegoeUIVariableStaticDisplay.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Display";
  src: url("../fonts/SegoeUIVariableStaticDisplaySemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Display";
  src: url("../fonts/SegoeUIVariableStaticDisplayBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Segoe UI Variable — Small grade (captions, dense UI) ---- */
@font-face {
  font-family: "Segoe UI Variable Small";
  src: url("../fonts/SegoeUIVariableStaticSmallLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Small";
  src: url("../fonts/SegoeUIVariableStaticSmallSemilight.ttf") format("truetype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Small";
  src: url("../fonts/SegoeUIVariableStaticSmall.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Small";
  src: url("../fonts/SegoeUIVariableStaticSmallSemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI Variable Small";
  src: url("../fonts/SegoeUIVariableStaticSmallBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Cascadia Code — monospace (variable weight) ---- */
@font-face {
  font-family: "Cascadia Code";
  src: url("../fonts/CascadiaCode-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cascadia Code";
  src: url("../fonts/CascadiaCode-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}