:root {
  --snoire-noir-ink: #07121b;
  --snoire-midnight-navy: #0b1020;
  --snoire-dark-slate: #1e293b;
  --snoire-slate-grey: #334155;
  --snoire-steel-muted: #64748b;
  --snoire-silver-facet: #cbd5e1;
  --snoire-white: #ffffff;
  --snoire-amber-eye: #ffb547;
  --snoire-amber-glow: #fdba74;
  --snoire-amber-dark: #ea580c;
  --snoire-electric-cyan: #35d6ed;
  --snoire-deep-teal: #087f94;
  --snoire-mint-success: #28b889;
  --snoire-paper: #f4f7fb;
  --snoire-card: #ffffff;
  --snoire-border: #d8e1e8;
  --snoire-text: #07121b;
  --snoire-text-muted: #53616e;
  --snoire-font-brand: "Manrope", system-ui, -apple-system, sans-serif;
  --snoire-font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

/*
 * Official Brand Kit lockup.
 *
 * Both visible elements below are unmodified files from the user-supplied
 * media kit. No CSS crop, generated lettering, tonal filter or redrawn mark is
 * permitted. A surface controls only the official wordmark width.
 */
.snoire-brand-lockup {
  --snoire-brand-wordmark-width: var(--snoire-lockup-wordmark-width, 148px);
  display: inline-flex;
  align-items: center;
  gap: clamp(7px, calc(var(--snoire-brand-wordmark-width) * .055), 12px);
  line-height: 0;
  direction: ltr;
  flex: none;
}

.snoire-brand-lockup .snoire-brand-mark {
  display: block;
  flex: none;
  width: var(--snoire-lockup-mark-size, calc(var(--snoire-brand-wordmark-width) * .255));
  height: var(--snoire-lockup-mark-size, calc(var(--snoire-brand-wordmark-width) * .255));
  object-fit: contain;
}

.snoire-brand-lockup .snoire-brand-wordmark {
  display: block;
  flex: none;
  width: var(--snoire-brand-wordmark-width);
  height: auto;
  min-width: 0;
  object-fit: contain;
}