@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  text-decoration: none;
  color: #0f172a;
  font-weight: 700;
}

.brand-logo img,
.brand-logo svg {
  width: 38px;
  height: 38px;
  display: block;
}

.brand-logo .brand-logo-text {
  font-size: 1.05rem;
  letter-spacing: 0.01em;
}

.favicon-touch {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
}