/*
 * Roboto font override.
 * Loaded after styles.css so these rules win. Two things happen here:
 *   1. Roboto @font-face faces are declared from /assets/fonts/roboto.
 *   2. The Bootstrap font variables are repointed to Roboto, and the theme's
 *      "Metropolis" family is remapped onto the same Roboto files so the few
 *      hardcoded "Metropolis" references (tooltips, popovers) switch too.
 * To revert, just remove the <link> to this file in _Layout.cshtml.
 */

/* --- Roboto faces --- */
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Light.ttf"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-LightItalic.ttf"); font-weight: 300; font-style: italic; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Regular.ttf"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Italic.ttf"); font-weight: 400; font-style: italic; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Medium.ttf"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-MediumItalic.ttf"); font-weight: 500; font-style: italic; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-SemiBold.ttf"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-SemiBoldItalic.ttf"); font-weight: 600; font-style: italic; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Bold.ttf"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-BoldItalic.ttf"); font-weight: 700; font-style: italic; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-Black.ttf"); font-weight: 900; font-style: normal; }
@font-face { font-family: "Roboto"; src: url("../assets/fonts/roboto/Roboto-BlackItalic.ttf"); font-weight: 900; font-style: italic; }

/* --- Remap the theme's "Metropolis" family onto Roboto (covers hardcoded refs) --- */
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Light.ttf"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-LightItalic.ttf"); font-weight: 300; font-style: italic; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Regular.ttf"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Italic.ttf"); font-weight: 400; font-style: italic; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Medium.ttf"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-MediumItalic.ttf"); font-weight: 500; font-style: italic; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-SemiBold.ttf"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-SemiBoldItalic.ttf"); font-weight: 600; font-style: italic; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Bold.ttf"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-BoldItalic.ttf"); font-weight: 700; font-style: italic; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-Black.ttf"); font-weight: 900; font-style: normal; }
@font-face { font-family: "Metropolis"; src: url("../assets/fonts/roboto/Roboto-BlackItalic.ttf"); font-weight: 900; font-style: italic; }

/* --- Point the Bootstrap font variables at Roboto --- */
:root {
  --bs-font-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}