@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/outfit-v15-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/outfit-v15-latin-700.woff2') format('woff2');
}

.logo-outfit {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  color: var(--brand-mid);
  text-decoration: none;
  transition: color 0.2s;
}

.logo-outfit:hover {
  color: var(--brand-dark);
}

.logo-outfit-small {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1;
  color: var(--brand-mid);
  text-decoration: none;
  transition: color 0.2s;
}

.logo-outfit-small:hover {
  color: var(--brand-dark);
}

/* Dark mode adjustments */
.dark .logo-outfit,
.dark .logo-outfit-small {
  color: var(--brand-light);
}

.dark .logo-outfit:hover,
.dark .logo-outfit-small:hover {
  color: white;
}