/* Shared Ulono foundation. Fonts are served locally; see fonts/*-OFL.txt. */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/manrope-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/ibm-plex-mono-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("./fonts/ibm-plex-mono-latin-600.woff2") format("woff2");
}
:root {
  color-scheme: light;
  --ulono-paper: 210 44.444% 96.471%;
  --ulono-panel: 0 0% 100%;
  --ulono-ink: 214.286 61.404% 11.176%;
  --ulono-action: 248.023 73.504% 54.118%;
  --ulono-action-hover: 246.75 67.86% 43.92%;
  --ulono-slate: 211.429 23.077% 35.686%;
  --ulono-body: 213.333 23.077% 30.588%;
  --ulono-muted: 210 41.176% 93.333%;
  --ulono-line: 208.696 35.385% 87.255%;
  --ulono-mint: 167.525 61.963% 68.039%;
  --ulono-focus: var(--ulono-action);
  /* Compatibility for cached consumers of the former brand token. */
  --ulono-copper: var(--ulono-action);
  --ulono-font-sans:
    Manrope, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --ulono-font-mono:
    "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --ulono-radius: 0.625rem;
  --ulono-focus-width: 3px;
  --ulono-focus-offset: 4px;
  --ulono-header-height: 4.875rem;
}
.ulono-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 44px;
  color: inherit;
  font-family: var(--ulono-font-sans);
  text-decoration: none;
  flex-shrink: 0;
}
.ulono-brand-name {
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -0.075em;
  line-height: 1;
}
.ulono-brand-descriptor {
  border-left: 1px solid #b3c1cf;
  padding-left: 12px;
  font: 400 11px/1.2 var(--ulono-font-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: hsl(var(--ulono-slate));
}
/* Old cached document headers remain readable during a theme rollout. */
.ulono-brand-mark {
  display: none;
}