/* DeskOnFire product identity.  Shared by the public site and authenticated
   shells so the mark and wordmark retain the same geometry at every size. */
.desk-on-fire-logo {
  --desk-on-fire-mark-size: 28px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #101425;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}

.desk-on-fire-logo__mark {
  display: block;
  width: var(--desk-on-fire-mark-size);
  height: var(--desk-on-fire-mark-size);
  flex: 0 0 var(--desk-on-fire-mark-size);
}

.desk-on-fire-logo__wordmark { display: inline-flex; }
.desk-on-fire-logo__fire { color: #b5472d; }
.desk-on-fire-logo--light { color: #fffaf5; }
.desk-on-fire-logo--light .desk-on-fire-logo__fire { color: #f2774f; }

/* Product shell: a compact mark preserves the existing navigation density. */
.site-logo .desk-on-fire-logo { --desk-on-fire-mark-size: 32px; font-size: 20px; }

/* Account and sign-in shells retain their established visual weight. */
.brand-mark .desk-on-fire-logo { --desk-on-fire-mark-size: 36px; font-size: 20px; }
.auth-story .brand-mark .desk-on-fire-logo { --desk-on-fire-mark-size: 40px; font-size: 21px; }

/* The landing logo follows the previous 38px icon footprint. */
.brand .desk-on-fire-logo { --desk-on-fire-mark-size: 38px; font-size: 17px; }
footer .brand .desk-on-fire-logo { --desk-on-fire-mark-size: 32px; font-size: 15px; }

/* Django's built-in admin remains operationally familiar while identifying the
   same product in its persistent header. */
.desk-on-fire-admin-brand { display: inline-flex; align-items: center; }
.desk-on-fire-admin-brand .desk-on-fire-logo { --desk-on-fire-mark-size: 30px; font-size: 18px; }

.owner-console-brand { display: inline-flex; align-items: center; margin-right: 6px; }
.owner-console-brand .desk-on-fire-logo { --desk-on-fire-mark-size: 30px; font-size: 18px; }

@media (max-width: 420px) {
  .brand .desk-on-fire-logo__wordmark { display: none; }
}

@media (max-width: 700px) {
  .auth-story .brand-mark .desk-on-fire-logo { --desk-on-fire-mark-size: 34px; font-size: 17px; }
}