/* The platform logo (ADR 0068, "Frame"). Loaded only on the platform's own hosts (signup,
   admin); client portals never load this file. The lockup: the mark at about 1.2 times
   the font size, the name in Space Grotesk SemiBold, navy with its end in blue. */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("space-grotesk-latin-600.49f2dd2d2132.woff2") format("woff2");  /* SIL OFL 1.1, space-grotesk-OFL.txt */
}

:root {
  --platform-navy: #1f3a5f;
  --platform-blue: #2f7de1;
  --platform-ink: var(--platform-navy);  /* the name and the top-left corner */
}
/* On dark surfaces the navy turns light, as in mark-on-dark.svg; the blue stays. */
:root[data-theme="dark"] { --platform-ink: #f2f4f7; }
@media (prefers-color-scheme: dark) { :root[data-theme="system"] { --platform-ink: #f2f4f7; } }

.platform-lockup { display: inline-flex; align-items: center; gap: .35em; min-width: 0;
  font-family: "Space Grotesk", var(--font); font-weight: 600; font-size: 1.25rem;
  letter-spacing: -0.02em; line-height: 1; color: var(--platform-ink); }
.platform-mark { flex: none; width: 1.2em; height: 1.2em; }
.platform-mark-a { fill: var(--platform-ink); }
.platform-mark-b { fill: var(--platform-blue); }
.platform-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.platform-accent { color: var(--platform-blue); }

/* Admin top bar: the lockup replaces the letter tile; the "Platform Admin" pill stays. */
.staff-topbar .brand { gap: 10px; }
.staff-topbar .platform-lockup { font-size: 1.2rem; }

/* Sign-in and signup panel: the lockup on a white plate, always in its light colors. */
.auth-logo.platform-plate { padding: 12px 18px; --platform-ink: var(--platform-navy); }
.platform-plate .platform-lockup { font-size: 1.5rem; }
@media (max-width: 860px) {
  .auth-logo.platform-plate { padding: 6px 12px; }
  .platform-plate .platform-lockup { font-size: 1.15rem; }
}
.staff-topbar .staff-label { flex: none; margin-left: 0; }
/* No separate name line under the plate: the lockup already shows it. */
.platform-tagline { margin-top: 18px; }
@media (max-width: 860px) { .platform-tagline { display: none; } }