/* DeliveryPerson official brandbook — 2026-07 */
:root {
    --dp-brand-gradient-start: #4F46FF;
    --dp-brand-gradient-end: #A855F7;
    --dp-brand-navy: #0B132B;
    --dp-brand-light: #F2F4F7;
    --dp-brand-white: #FFFFFF;

    --ink: #0B132B;
    --surface-soft: #F2F4F7;
    --accent: #4F46FF;
    --accent-dark: #4338CA;
    --accent-soft: #F0EDFF;

    --dp-navy: #0B132B;
    --dp-blue: #4F46FF;
    --dp-blue-hover: #4338CA;
    --dp-blue-soft: #F0EDFF;
    --dp-bg: #F2F4F7;
}

body,
body.dp-body {
    color: var(--dp-brand-navy);
    font-family: "Satoshi", "Manrope", "Segoe UI", Arial, sans-serif;
}

.button-primary,
.header-cta,
.filter-submit,
.vacancy-apply-button,
.cta-panel,
.dp-button--primary,
.dp-unified-header__cta {
    background: linear-gradient(135deg, var(--dp-brand-gradient-start), var(--dp-brand-gradient-end));
}

.button-primary,
.header-cta,
.dp-button--primary,
.dp-unified-header__cta {
    box-shadow: 0 14px 30px rgba(79, 70, 255, .24);
}

.brand--official,
.footer-logo-link,
.dp-brand--official {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    color: var(--dp-brand-navy);
    text-decoration: none;
}

.brand--official img,
.footer-logo-link img,
.dp-brand--official img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.brand--official img,
.footer-logo-link img {
    width: min(100%, 285px);
}

.dp-brand--official img {
    width: min(100%, 250px);
}

.dp-brand--footer.dp-brand--official {
    color: #fff;
}

@media (max-width: 720px) {
    .brand--official img,
    .footer-logo-link img {
        width: min(100%, 238px);
    }

    .dp-brand--official img {
        width: min(100%, 220px);
    }
}