@charset "UTF-8";

/**
 * Readable Font (Roboto) – loaded only when Readable Font module is enabled.
 * Keeps main bundle smaller when the feature is off.
 * Uses woff2 for better compression and modern browser support.
 */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Thin.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Light.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Regular.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Medium.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Bold.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Black.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Thin-Italic.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Light-Italic.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Italic.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Medium-Italic.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Bold-Italic.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: local("Roboto"), url(../fonts/Roboto/Roboto-Black-Italic.woff2) format("woff2");
  font-display: swap;
}