/* Delora global branding layer */
:root {
    --delora-rose: #b87175;
    --delora-rose-soft: #f7e8e5;
    --delora-copper: #b97764;
    --delora-ink: #35272f;
}

.delora-brand-logo,
.brand-mark.delora-brand-logo,
.auth-brand-mark.delora-brand-logo {
    display: block !important;
    flex: 0 0 auto !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    padding: 2px !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 1px solid rgba(185, 119, 100, .22) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 8px 24px rgba(94, 54, 70, .12) !important;
}

.auth-brand .delora-brand-logo,
.onboarding-brand .delora-brand-logo {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    border-radius: 23px !important;
}

.portal-brand .delora-brand-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
}

.brand-copy strong,
.auth-brand strong {
    letter-spacing: 0 !important;
}

.brand-copy strong {
    color: inherit;
}

.dark-theme .delora-brand-logo,
[data-theme="dark"] .delora-brand-logo {
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

@media (max-width: 720px) {
    .delora-brand-logo,
    .brand-mark.delora-brand-logo,
    .auth-brand-mark.delora-brand-logo {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 14px !important;
    }

    .auth-brand .delora-brand-logo,
    .onboarding-brand .delora-brand-logo {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        border-radius: 20px !important;
    }
}