/*
 * The Default RED C2 brand lockup.
 *
 * Served from this binary, never a CDN. Default RED C2 is installed on customer
 * premises and is expected to run air-gapped, so a stylesheet or font fetched
 * from the internet would not merely be a privacy question — it would render
 * the product wrong, or not at all, on the networks it is built for.
 *
 * Shared by both surfaces. The React application and the server-rendered
 * administration dashboard have no build, bundle or runtime in common, and the
 * one thing they must agree on exactly is the mark.
 */

/* IBM Plex Mono, latin subset, the two weights the wordmark uses.
 * SIL Open Font License 1.1 — see IBM-Plex-Mono-LICENSE.txt beside this file. */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/ibm-plex-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/brand/ibm-plex-mono-600.woff2') format('woff2');
}

/*
 * The lockup: the Default RED logo as an image, followed by "C2" set in IBM
 * Plex Mono.
 *
 * "Default RED" is never typed as text — it is a logo with its own typeface and
 * spacing, and reproducing it in whatever font happens to be available is how a
 * wordmark degrades into an approximation of itself. "C2" is type, and is set
 * deliberately in Plex Mono rather than the logo's own face.
 */
.redc2-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  line-height: 1;
  white-space: nowrap;
  /* The lockup scales with font-size, so one class serves the sign-in page and
   * a 24px navbar without a second set of measurements. */
  font-size: 1rem;
}

.redc2-lockup__logo {
  display: block;
  /* Cap height rather than em: the logo is a filled rectangle, and matching it
   * to the full em box makes it tower over the "C2" beside it. */
  height: 1.55em;
  width: auto;
}

.redc2-lockup__c2 {
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 600;
  font-size: 1.35em;
  letter-spacing: 0.02em;
  /* Optically aligned to the logo's baseline; the mono face sits high against
   * the mark's solid block. */
  transform: translateY(0.02em);
}