:root {
    --theme-primary-light-color: #f89fa1;
    --theme-primary-color: #ff595a;
    --theme-primary-dark-color: #f73f3e;

    --theme-secondary-color: #ebfaff;
    --theme-secondary-dark-color: #b0eaf6;

    --theme-tertiary-color: #38333a;
    --theme-tertiary-light-color: #b0eaf6;

    --theme-header-top-color: #fff;
    --theme-header-top-font-color: var(--theme-primary-color);
    --theme-header-navigation-bar-color: var(--theme-secondary-dark-color);
    --theme-header-navigation-bar-font-color: var(--theme-link-color);

    --theme-link-color: #38333a;
    --theme-link-active-color: var(--theme-primary-color);

    --theme-pickup-color: #ff8a61;

    --theme-dropoff-lightcolor: #b897df;
    --theme-dropoff-color: #905cce;

    --theme-inactive-gray: #a1a9c0;
    --theme-wallet-card-gray: #ececec;
    --theme-delete-button-dark: #b0eaf6;

    --theme-grey: #9fa3aa;
}

.color-primary-filter {
    filter: invert(63%) sepia(7%) saturate(1184%) hue-rotate(21deg) brightness(91%) contrast(86%);
}