/* Hathigen LIMS: the Hathigen website's typography and logo proportions on top of the shared LIMS styles.
   Colours come from the theme engine in app.js (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: "Space Grotesk", "Inter", "Segoe UI Variable Display", "Segoe UI", sans-serif;
}
h1, h2, h3, h4 { letter-spacing: -.02em; }

/* the Hathigen lockup is wider than the Camfil one */
.sb-logo img { width: 100px; }
.login-form img { width: 160px; }
.login-brand img { width: 250px; }
.trial-end img { height: 30px; }

/* sign-in page: the website's eyebrow and gradient headline */
.login-brand .eyebrow { font-family: "JetBrains Mono", Consolas, monospace; letter-spacing: .14em; text-transform: uppercase; }
.login-brand h1 {
  background: linear-gradient(92deg, #b6a2ff, #22d3ee 55%, #f9a8d4);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-mode="light"] .login-brand h1 { background: linear-gradient(92deg, #5a3fe0, #0e7f97 60%, #b8336f); -webkit-background-clip: text; background-clip: text; }