/* Hathigen LIMS: Hathigen's typefaces and logo proportions on top of the shared LIMS styles ("Thread" look).
   Colours come from the theme engine (brand.js -> appearance), so light and dark both stay readable. */
:root {
  --font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
}
h1, h2, h3, h4 { font-optical-sizing: auto; }

/* the Hathigen logo (about 5 : 1) and the Hathigen LIMS lockup (Hathigen LIMS on one line, about 8 : 1) */
.si-top img { width: 150px; }
.si-tk-head img { height: 21px; }
.sb-logo .product-logo { width: 168px; }
.trial-end img { height: 28px; }

/* Helix H identity (2026-11-07): the loading spinner becomes the H assembling itself (img/hathigen-loader.svg) */
.loading .spinner { width: 56px; height: 68px; border: 0; border-radius: 0; animation: none;
  background: url(img/hathigen-loader.svg) center / contain no-repeat; }