/* Light theme overrides - only define variables that differ from default.theme.css */
:root{   

    /* code for sidebar and content */
    --sidebar-and-content-bg : #FFFFFF;
    --destination-indication-bg: #F6F6F6;
    --package-tile-bg: #FFFFFF;
    --package-tile-nav-arrow-color: #1A1A1A;
    --package-tile-nav-arrow-color-rgb: 26, 26, 26;
    --logo-bg: #EAEAEA;
    --border-color: #ECECEC;
    --header-border-rgb: 112, 112, 112;
    --content-gradient1: #F6F6F6 ;
    --content-gradient2: #FFFFFF ;
    --leaflet-icon-color: #5E5E5E;
    --layout-border-thin-color: #E2E2E2;
    --body-bg-secondary-color: #FFFFFF;
    --overlay-mask-bg-color: rgba(255, 255, 255,0.6);
    --scrollbar-color: rgba(52,52,52, 0.2);
    --scrollbar-track-color : rgba(0, 0, 0, 0, 0.6);
    --leaflet-popup-content-wrapper-bg-color: #FFFFFF;
    --label-color: #000000;
    --package-tile-arrow-bg-rgb: 256, 256, 256;

    /* color codes for list-view-icon-background */
    --list-view-icon-bg-color-1               : #1A1A1A;
    --list-view-icon-bg-color-2               : #666666;
    --tile-label-text                        : #292929;
    /* --timeline-description-text               : #B1B1B1; */


    --text-inverse                                : #FFFFFF;
    --secondary-text    : #B1B1B1;
    --support-link-bg-color                       : #1A1A1A;
    --helpline-p-dialog-bg-color                  : #ffff;
    --support-wrap-border-color                   : #DDDDDD;
    --package-tile-border-color                    : #ECECEC;
    --talk-to-us-icon-border-animation-color      : rgba(52,52,52, 0.2);
    --text-primary                                : #000000;
    --text-primary-rgb                            : 0, 0, 0;
    --talk-to-us-container-bg-color               : #EDEDED;  
    --helpline-icon-bg-color-1                    : #5E5E5E;
    --helpline-icon-bg-color-2                    : #2F2F2F;
    --header-bg-test                              : #FFFFFF;
     --time-line-color                             : #000000; 
     --time-dot-color                              : #000000;  
     --progress-icon-color                        : #000000;

     /* logo */
     --Birkenstock-logo                            : var(--Birkenstock);

}
   