/*
 * Public-auth screens use the storefront palette while continuing to reuse the
 * dashboard's established theme utilities and form components.
 */
html[data-color-theme="Storefront_Theme"] {
    --primary: #9bae8b;
    --primary-emphasis: #839673;
    --secondary: #bfd0b1;
    --secondary-emphasis: #acbf9e;
    --lightprimary: rgb(155 174 139 / 14%);
    --lightsecondary: rgb(191 208 177 / 18%);
}

.auth-storefront-theme .auth-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--primary-emphasis);
    text-decoration: none;
}

.auth-storefront-theme .auth-brand-logo {
    width: 3.5rem;
    height: 3.5rem;
    flex: none;
    object-fit: contain;
}

.auth-storefront-theme .auth-brand-name {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .auth-storefront-theme .auth-brand-logo {
        width: 4rem;
        height: 4rem;
    }

    .auth-storefront-theme .auth-brand-name {
        font-size: 1.25rem;
    }
}