/* Premium Yandex Sans Local Font Faces */
@font-face {
  font-family: "YS Text";
  src: url("/fonts/ys-text-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YS Text";
  src: url("/fonts/ys-text-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YS Text";
  src: url("/fonts/ys-text-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YS Display";
  src: url("/fonts/ys-display-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "YS Display";
  src: url("/fonts/ys-display-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Wide display cut used for headings (matches the ASUO landing) */
@font-face {
  font-family: "YS Text Wide";
  src: url("/fonts/ys-text-display-wide.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Global resets to enforce Yandex Sans and avoid browser overrides */
html, body {
  font-family: "YS Text", "YS Display", "Inter", sans-serif !important;
}

@media (min-width: 900px) {
  html {
    zoom: 0.8;
  }
}

/* Enforce on headings, MUI typography, and interactive elements */
/* Headings use the wide YS cut + denser tracking to match the ASUO visual */
h2, h3, h4, h5, h6,
h2.MuiTypography-root, h3.MuiTypography-root, h4.MuiTypography-root, h5.MuiTypography-root, h6.MuiTypography-root,
.MuiTypography-h2,
.MuiTypography-h3,
.MuiTypography-h4,
.MuiTypography-h5,
.MuiTypography-h6,
.MuiTypography-subtitle1,
.MuiTypography-subtitle2 {
  font-family: "YS Text Wide", "YS Text", "YS Display", "Inter", sans-serif !important;
  font-variation-settings: "wdth" 110;
  letter-spacing: -0.01em !important;
}

/* h1 (Hero) uses the wide YS cut too; its tracking stays inline in HeroSection.tsx */
h1,
h1.MuiTypography-root,
.MuiTypography-h1 {
  font-family: "YS Text Wide", "YS Text", "YS Display", "Inter", sans-serif !important;
  font-variation-settings: "wdth" 110;
}

/* Enforce font family on other elements and body text */
body,
.MuiTypography-root,
.MuiButton-root, 
.MuiChip-root, 
button, 
input, 
select, 
textarea {
  font-family: "YS Text", "YS Display", "Inter", sans-serif !important;
}