/* Логотип с эмодзи перчика - Дизайн-система ПЕРЧИК */

.logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    color: inherit;
}

.logo:hover {
    text-decoration: none;
    color: inherit;
}

.logo-mark { display:inline-block; height: 1.75rem; width: 1.75rem; }

.logo-text {
    display: flex;
    flex-direction: column;
    line-height: var(--leading-snug);
}

.logo-title {
    font-family: var(--font-primary);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: var(--leading-tight);
    margin-bottom: 0.125rem;
    letter-spacing: -0.025em;
}

.logo-subtitle {
    font-family: var(--font-primary);
    font-size: var(--text-xs);
    color: var(--te-secondary);
    font-weight: var(--font-medium);
    line-height: var(--leading-tight);
    letter-spacing: 0.025em;
}

/* Адаптивность */
@media (max-width: 768px) {
    .logo {
        gap: var(--space-2);
    }
    
    .logo-mark { height: 1.5rem; width: 1.5rem; }
    
    .logo-title {
        font-size: var(--text-xl);
    }
    
    .logo-subtitle {
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .logo {
        gap: var(--space-2);
    }
    
    .logo-mark { height: 1.25rem; width: 1.25rem; }
    
    .logo-title {
        font-size: var(--text-lg);
    }
    
    .logo-subtitle {
        font-size: 0.65rem;
    }
}