/* ==========================================================================
   Netflix Sans — self-hosted @font-face rules (user-uploaded brand files).
   Family name matches --font-brand in tokens/typography.css.
   Weights: 100 Thin · 300 Light · 400 Regular · 500 Medium · 700 Bold · 900 Black
   (each with a matching italic).
   ========================================================================== */

@font-face {
  font-family: "Netflix Sans";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Th.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-ThIt.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Lt.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-LtIt.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Rg.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-It.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Md.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-MdIt.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Bd.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-BdIt.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NetflixSans-Blk.ttf") format("truetype");
}
@font-face {
  font-family: "Netflix Sans";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/NetflixSans-BlkIt.ttf") format("truetype");
}

/* ==========================================================================
   SF Pro Text — self-hosted (user-uploaded). Registered as "SF Pro" to match
   --font-system. iOS status bar / keyboard chrome.
   Weights: 300 Light · 400 Regular · 500 Medium · 600 Semibold · 700 Bold ·
   800 Heavy (each with a matching italic).
   ========================================================================== */

@font-face {
  font-family: "SF Pro";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Light.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-RegularItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Medium.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-MediumItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-SemiboldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/SF-Pro-Text-HeavyItalic.otf") format("opentype");
}