/* ============================================================
   Inter — Primary variable font definitions (modern approach)
   Axes: opsz (optical size), wght (weight 100–900)
   ============================================================ */
@font-face {
  font-family: 'Inter';
  src: url('Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ============================================================
   Static font-family aliases — compatibility with legacy
   consumers that reference individual family names.
   Uses the 18pt optical-size cut (best for body/UI text).
   ============================================================ */
@font-face {
  font-family: 'Inter-Thin';
  src: url('Inter/static/Inter_18pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ThinItalic';
  src: url('Inter/static/Inter_18pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ExtraLight';
  src: url('Inter/static/Inter_18pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ExtraLightItalic';
  src: url('Inter/static/Inter_18pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Light';
  src: url('Inter/static/Inter_18pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-LightItalic';
  src: url('Inter/static/Inter_18pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Regular';
  src: url('Inter/static/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Italic';
  src: url('Inter/static/Inter_18pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Medium';
  src: url('Inter/static/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-MediumItalic';
  src: url('Inter/static/Inter_18pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-SemiBold';
  src: url('Inter/static/Inter_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-SemiBoldItalic';
  src: url('Inter/static/Inter_18pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('Inter/static/Inter_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-BoldItalic';
  src: url('Inter/static/Inter_18pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('Inter/static/Inter_18pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ExtraBoldItalic';
  src: url('Inter/static/Inter_18pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Black';
  src: url('Inter/static/Inter_18pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-BlackItalic';
  src: url('Inter/static/Inter_18pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ============================================================
   Utility classes — variable font approach (recommended)
   ============================================================ */
.inter-thin       { font-family: 'Inter'; font-weight: 100; }
.inter-extralight { font-family: 'Inter'; font-weight: 200; }
.inter-light      { font-family: 'Inter'; font-weight: 300; }
.inter-regular    { font-family: 'Inter'; font-weight: 400; }
.inter-medium     { font-family: 'Inter'; font-weight: 500; }
.inter-semibold   { font-family: 'Inter'; font-weight: 600; }
.inter-bold       { font-family: 'Inter'; font-weight: 700; }
.inter-extrabold  { font-family: 'Inter'; font-weight: 800; }
.inter-black      { font-family: 'Inter'; font-weight: 900; }

/* ============================================================
   Utility classes — individual family name approach (legacy)
   ============================================================ */
.inter-thin-individual        { font-family: 'Inter-Thin'; }
.inter-thin-italic-individual { font-family: 'Inter-ThinItalic'; }
.inter-extralight-individual        { font-family: 'Inter-ExtraLight'; }
.inter-extralight-italic-individual { font-family: 'Inter-ExtraLightItalic'; }
.inter-light-individual        { font-family: 'Inter-Light'; }
.inter-light-italic-individual { font-family: 'Inter-LightItalic'; }
.inter-regular-individual { font-family: 'Inter-Regular'; }
.inter-italic-individual  { font-family: 'Inter-Italic'; }
.inter-medium-individual        { font-family: 'Inter-Medium'; }
.inter-medium-italic-individual { font-family: 'Inter-MediumItalic'; }
.inter-semibold-individual        { font-family: 'Inter-SemiBold'; }
.inter-semibold-italic-individual { font-family: 'Inter-SemiBoldItalic'; }
.inter-bold-individual        { font-family: 'Inter-Bold'; }
.inter-bold-italic-individual { font-family: 'Inter-BoldItalic'; }
.inter-extrabold-individual        { font-family: 'Inter-ExtraBold'; }
.inter-extrabold-italic-individual { font-family: 'Inter-ExtraBoldItalic'; }
.inter-black-individual        { font-family: 'Inter-Black'; }
.inter-black-italic-individual { font-family: 'Inter-BlackItalic'; }