:root {
    --theme-ci-blanc: #FFFFFF;
    --theme-ci-noir: #1D1D1B;
    --theme-ci-rouge: #FF5744;
    --theme-ci-rouge-ombres: #FF5744; /*#003744;*/ /*#D7493A;*/
    --theme-ci-rouge-light: #e08277; /* added by savvy mobility team */
    --theme-ci-rouge-darker: #a83529; /* added by savvy mobility team */

    --theme-primary-light-color: var(--theme-ci-rouge-light);
    --theme-primary-color: var(--theme-ci-rouge-ombres);
    --theme-primary-dark-color: var(--theme-ci-rouge-darker);

    --theme-secondary-color: #E2E3E8;
    --theme-secondary-dark-color:#CECFD3;

    --theme-tertiary-color: #003744;
    --theme-tertiary-light-color: #E6EBEC;

    --theme-header-top-color: var(--theme-tertiary-color);
    --theme-header-top-font-color: #FFF;
    --theme-header-navigation-bar-color: var(--theme-tertiary-light-color);
    --theme-header-navigation-bar-font-color: var(--theme-tertiary-color);

    --theme-link-color: var(--theme-tertiary-color);
    --theme-link-active-color: var(--theme-primary-dark-color);
    --theme-link-color-light: var(--theme-ci-blanc);

    --theme-pickup-color: #FF8A61;

    --theme-dropoff-color: #905CCE;
    --theme-dropoff-lightcolor: #B897DF;

    --theme-inactive-gray: #A1A9C0;
    --theme-wallet-card-gray: #ececec;
    --theme-delete-button-dark: #D8343D;
    --theme-instance-warning: #fff3cd;

    --theme-grey: #9FA3AA;
}

.color-primary-filter {
    filter: invert(34%) sepia(41%) saturate(1856%) hue-rotate(331deg) brightness(100%) contrast(93%);
}