/* Show the logo variant that matches the active color scheme (see docs/overrides/partials/logo.html).
   Material sets `display: block` on `.md-logo img` (specificity 0,2,1), so the selectors include `.md-logo`. */
[data-md-color-scheme="default"] .md-logo .it-logo--dark,
[data-md-color-scheme="slate"] .md-logo .it-logo--light {
  display: none;
}

/* Branding page: asset previews on the two surfaces. */
.it-surfaces {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.it-surface {
  padding: 1.5rem;
}

.it-surface--light {
  background: #ffffff;
  border: 1px solid #8884;
}

.it-surface--dark {
  background: #1b1f24;
}