.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo__mark{flex-shrink:0}.logo__mark svg{display:block}.logo__text{display:flex;align-items:baseline;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.logo__name{color:var(--color-dark)}.logo__name--accent{color:#6366f1}.logo--light .logo__name{color:var(--color-light)}.logo--dark .logo__name{color:var(--color-dark)}.logo--sm .logo__mark svg{width:32px;height:32px}.logo--sm .logo__text{font-size:var(--text-lg)}.logo--md .logo__mark svg{width:40px;height:40px}.logo--md .logo__text{font-size:var(--text-xl)}.logo--lg .logo__mark svg{width:48px;height:48px}.logo--lg .logo__text{font-size:var(--text-2xl)}