/*
 * Inter + platform font stacks (matches index / homepage).
 * Load before other app CSS. Requires html class platform-* from cmp_platform_font_init.
 */
@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-desktop: "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-ios: -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-android: Roboto,
    "Noto Sans",
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-default: "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --app-font: var(--font-default);
}
html.platform-ios {
  --app-font: var(--font-ios);
}
html.platform-android {
  --app-font: var(--font-android);
}
html.platform-desktop {
  --app-font: var(--font-desktop);
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: var(--app-font), sans-serif;
  text-rendering: optimizeLegibility;
}