/* Self-hosted Rubik — loaded from index.html before JS (LDCP-138). */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/fonts/rubik/rubik-latin-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/rubik/rubik-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url("/fonts/rubik/rubik-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("/fonts/rubik/rubik-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/rubik/rubik-latin-700-normal.woff2") format("woff2");
}

:root {
  --layerd-font-sans: "Rubik", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
#root {
  font-family: var(--layerd-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}