/* Ufa: red → orange → purple */
body.theme-ufa {
    --accent: #FF4B2B;
    --accent-2: #8B5CF6;
    --accent-h: #FF8A4C;
    --accent-rgb: 255, 75, 43;
    --accent-rgb-2: 139, 92, 246;
    --accent-grad: linear-gradient(135deg, #E11D48 0%, #F97316 48%, #8B5CF6 100%);
}
body.theme-ufa .btn--primary {
    background-image: linear-gradient(110deg, #E11D48 0%, #F97316 42%, #8B5CF6 78%, #E11D48 100%) !important;
    background-size: 220% 220%;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.35);
    animation-name: btn-grad-flow-ufa;
}
body.theme-ufa .btn--primary:hover {
    background-image: linear-gradient(110deg, #FB7185 0%, #FB923C 42%, #A78BFA 78%, #FB7185 100%) !important;
    color: #fff !important;
}
@keyframes btn-grad-flow-ufa {
    0% {
        background-position: 0% 50%;
        box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.28);
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 22px 0 rgba(139, 92, 246, 0.32);
    }
    100% {
        background-position: 0% 50%;
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.28);
    }
}
body.theme-ufa .footer__anim,
body.theme-ufa .footer__legal.footer__anim a,
body.theme-ufa .footer__dev.footer__anim a {
    animation: none !important;
    background: none !important;
    background-image: none !important;
    color: #6F777A !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    filter: none !important;
}
body.theme-ufa .footer__legal.footer__anim a:hover,
body.theme-ufa .footer__dev.footer__anim a:hover {
    color: #F5F5F3 !important;
    filter: none !important;
}
body.theme-ufa .dock__btn--call {
    color: #ffe4dc;
    background: rgba(var(--accent-rgb), 0.14);
}
body.theme-ufa .accent,
body.theme-ufa .eyebrow,
body.theme-ufa .section-label {
    color: var(--accent);
}
body.theme-ufa .section-label span {
    background: var(--accent-grad);
}

.logo--full { gap: 0; }
.logo__full {
    display: block;
    height: 52px;
    width: auto;
    max-width: min(300px, 58vw);
    object-fit: contain;
}
.footer__logo--full {
    display: inline-flex;
    align-items: center;
}
.footer__logo-full {
    display: block;
    height: 64px;
    width: auto;
    max-width: min(320px, 90%);
    object-fit: contain;
}
@media (max-width: 720px) {
    .logo__full {
        height: 40px;
        max-width: min(220px, 58vw);
    }
    .footer__logo-full {
        height: 52px;
    }
}

.logo__full,
.footer__logo-full {
    background: transparent !important;
    box-shadow: none !important;
}