/* Self-hosted fonts — no external requests.
   Fonts and the family/size scale are shared with schmeeviVerse. */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/roboto-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/roboto-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/roboto-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/lato-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/lato-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/raleway-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/raleway-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Ranade";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/ranade-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Ranade";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/ranade-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/open-sans-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/open-sans-latin-700.woff2") format("woff2");
}

:root {
  --font-ui: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-size: 14px;
}

/* Font family */
[data-ui-font="lato"] { --font-ui: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-ui-font="ranade"] { --font-ui: "Ranade", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-ui-font="raleway"] { --font-ui: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-ui-font="open-sans"] { --font-ui: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-ui-font="roboto"] { --font-ui: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* Font size */
[data-ui-size="sm"] { --ui-font-size: 13px; }
[data-ui-size="md"] { --ui-font-size: 14px; }
[data-ui-size="lg"] { --ui-font-size: 16px; }
[data-ui-size="xl"] { --ui-font-size: 19px; }