/* Canonical zurag.studio identity; independent of application theme overrides. */
:root { --brand-violet: #5145cd; --brand-pink: #db4385; --brand-ink: #202126; }
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; flex-shrink: 0; }
.brand-lockup .brand-symbol { display: block; width: 34px; height: 34px; object-fit: contain; flex-shrink: 0; filter: none; transform: none; }
.brand-lockup .brand-wordmark { margin: 0; color: var(--brand-ink); font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 19px; font-weight: 800; letter-spacing: -.045em; line-height: 1.2; white-space: nowrap; }
.brand-lockup .brand-wordmark > span { color: var(--brand-violet); font-weight: 700; }
@supports (background-clip: text) {
    .brand-lockup .brand-wordmark > span { background: linear-gradient(100deg, #673ef0 5%, #a94fe9 62%, #e844a7); background-clip: text; -webkit-background-clip: text; color: transparent; }
}
@media print { .brand-lockup .brand-wordmark > span { background: none; color: var(--brand-violet); } }
.brand-lockup:hover .brand-symbol { transform: none; }
.brand-lockup:focus-visible { outline: 3px solid var(--brand-violet); outline-offset: 6px; border-radius: 4px; }
.auth-brand.brand-lockup { gap: 9px; }
@media (max-width: 700px) {
    .brand-lockup .brand-symbol { width: 28px; height: 28px; }
    .brand-lockup .brand-wordmark { font-size: 16px; }
}