/* -------------------------------------------------------- */
/* 🔹 App Brand                                             */
/* -------------------------------------------------------- */
/* Logo mark + name — used in the navbar and the footer      */
/* The mark is the school icon from the Quiz tab             */

.app-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-s);
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: none;
}

.app-brand:hover {
  text-decoration: none;
}

.app-brand__mark {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.app-brand__name {
  font-size: var(--text-headline-medium);
  line-height: 1;
}


/* -------------------------------------------------------- */
/* 🔹 Size variants                                         */
/* -------------------------------------------------------- */

.app-brand--small .app-brand__mark {
  width: 20px;
  height: 20px;
}

.app-brand--small .app-brand__name {
  font-size: var(--text-title-large);
}