/* Loaded after the portal's own styles.css (see scripts/sync-branding.mjs).
   Aligns the brand portal's chrome and tokens with the rest of systemind.io:
   same header, same palette, same system font, light only. */
:root,
:root[data-theme="dark"] {
  --paper: #ffffff;
  --mist: #f6f8fa;
  --ink: #10202f;
  --harbor: #64748b;
  --fog: #e3e9ef;
  --hover: #eef3f8;
  --scrollbar-thumb: #c5d0db;
  --scrollbar-thumb-hover: #94a3b8;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;
}

::selection {
  color: #002147;
  background: #eaf3fa;
}

.site-header .header-brand {
  border-right: 0;
}

.brand-home {
  width: auto;
}

.brand-home:hover {
  opacity: 0.72;
}

.brand-home img {
  width: auto;
  height: 1.625rem;
}

.site-header .header-tools {
  justify-content: flex-end;
}

.site-nav {
  display: flex;
  gap: 1.5rem;
}

.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--harbor);
  font-size: 0.8125rem;
  text-decoration: none;
}

.site-nav a:hover {
  color: #2e6fa8;
}

.site-nav a[aria-current="page"] {
  color: #002147;
}

/* Search moved from the header into the sidebar; the portal's breakpoints
   still shrink or hide it as if it were in the header, so undo those. */
.site-sidebar .guide-search {
  display: flex;
  width: auto;
  max-width: none;
  margin: 20px 16px 0;
}

.site-sidebar .guide-search kbd {
  display: inline;
}

@media (hover: none) {
  .site-sidebar .guide-search kbd {
    display: none;
  }
}

.site-sidebar .sidebar-nav {
  padding-top: 20px;
}

/* The sidebar toggle shares the header row here, so the lockup and nav give
   up a little more room than on the other pages to keep all three links. */
@media (max-width: 36rem) {
  .site-nav {
    gap: 0.875rem;
  }

  .brand-home img {
    height: 1.25rem;
  }
}