/* Incentro brand: Sofia Pro faces and the Kennisvault lockup.
   Colors live in variables.css. Source: Incentro Design System. */

@font-face { font-family: "Sofia Pro"; src: url("/fonts/SofiaPro-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Sofia Pro"; src: url("/fonts/SofiaPro-SemiBold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Sofia Pro"; src: url("/fonts/SofiaPro-Black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }

/* Lockup: symbol plus product name. One per layout. */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--color-crater);
  text-decoration: none;
}
.brand img { display: block; width: 36px; height: 36px; }
.brand span {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.brand.on-dark { color: #fff; }