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

body[data-style-lab-page] {
  position: relative;
}

html[data-theme] body {
  font-family: var(--font-ui);
  color: var(--text);
}

html[data-theme] .surface-card,
html[data-theme] .quick-panel,
html[data-theme] .record-card,
html[data-theme] .reading-block,
html[data-theme] .aside-card,
html[data-theme] .modal-card,
html[data-theme] .tab-bar,
html[data-theme] .catalogue-row,
html[data-theme] .catalogue-row__toggle,
html[data-theme] .app-sidebar,
html[data-theme] .founs-masthead {
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    border-radius 0.25s ease,
    transform 0.25s ease;
}

html[data-theme] .tab-button,
html[data-theme] .ghost-btn,
html[data-theme] .primary-btn,
html[data-theme] .meta-pill,
html[data-theme] .visual-badge {
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}