.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 2.5rem;
}

.logo-icon {
    line-height: 1;
    color: var(--accent-gold);
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--accent-gold), transparent 70%));
}

html.dark-mode .logo-icon {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--accent-gold), transparent 60%));
}

.logo-text {
    font-weight: 300 !important;
    color: var(--text-main);
    font-family: var(--font-title);
    letter-spacing: -0.04em;
}

.logo-text span {
    color: var(--accent);
}

/* --- Variantes de tamanho --- */
.logo--sm { font-size: 2rem; }
.logo--md { font-size: 2.2rem; }

.logo-beta {
    font-size: 0.38em;
    font-weight: 200 !important;
    color: var(--text-muted);
    vertical-align: super;
    margin-left: 0.3rem;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    opacity: 0.85;
}