:root {
  /* Border Colors */
  --base-border-primary-color                       : #E5E5E5;
  /* --base-border-secondary-color                     : #E9E9E9; */
  --base-border-secondary-color                     : #0000000d;
  --base-border-teritiary-color                     : #E9E9E9;
  --table-border-color                              : var(--base-border-secondary-color);
   --footer-border                                    : #0000000D;

  /* Input Placeholder */
  --input-placeholder-color                         : var(--body-text-secondary);


  /* Background & Component Colors */
  --sidebar-and-content-bg                          : #ffffff;
  --destination-indication-bg                       : #f6f6f6;
  --package-tile-bg                                 : #ffffff;
  --branding-logo-bg-color                          : #EAEAEA;
  --logo-color                                      : #002b5c;
  --body-bg-secondary-color                         : #ffffff;
  --item-wrap-bg                                    : #f7f7f7;
  --alt-prod-bg                                    : #EFEFEF;

  /* Package Tile */
  --package-tile-nav-arrow-color                    : #1A1A1A;
  --package-tile-nav-arrow-color-rgb                : 26, 26, 26;
  --package-tile-arrow-bg-rgb                       : 256, 256, 256;
  --package-tile-border-color                       : #ececec;

  /* Border & Layout Colors */
  --border-color                                    : #ececec;
  --header-border-rgb                               : 112, 112, 112;
  --layout-border-thin-color                        : #e2e2e2;
  --item-wrap-border                                : #ececec;  

  /* Gradient Colors */
  --content-gradient1                               : #f6f6f6;
  --content-gradient2                               : #ffffff;

  /* Icon & Label Colors */
  --leaflet-icon-color                              : #5e5e5e;
  --label-color                                     : #000000;

  /* Overlay & Scrollbar */
  --overlay-mask-bg-color                           : #b0b0b099;
  --scrollbar-color                                 : var(--brand-color);
  --scrollbar-track-color                           : rgba(var(--white-rgb), 0.6);

  /* Popup & Leaflet */
  --leaflet-popup-content-wrapper-bg-color          : #ffffff;

  /* Quantity Button */
  --qty-btn-bg-color                                : #1A1A1A;
  --qty-btn-text-color                              : #f1f1f1;

  /* List View Icon Colors */
  --list-view-icon-bg-color-1                       : #1A1A1A;
  --list-view-icon-bg-color-2                       : #666666;
  --list-view-icon-color                            : #ffffff;

  /* Text Colors */
  --tile-label-text                                 : #292929;
  --text-inverse                                    : #ffffff;
  --text-primary                                    : #000000;
  --text-primary-rgb                                : 0, 0, 0;
  --secondary-text                                  : #b1b1b1;
  --body-text-secondary                             : rgba(0, 0, 0, 0.7);

  /* Header Helpline */
  --helpline-p-dialog-bg-color                      : #ffff;
  --support-wrap-border-color                       : #dddddd;
  --talk-to-us-icon-border-animation-color          : rgba(52, 52, 52, 0.2);
  --talk-to-us-container-bg-color                   : #ededed;
  --helpline-icon-bg-color-1                        : #5e5e5e;
  --helpline-icon-bg-color-2                        : #2f2f2f;

  /* Header */
  --header-bg                                       : #ffffff;

  /* Panel & Backgrounds */
  --panel-bg                                        : #ffffff;
  --hover-bg                                        : #f7f7f7;

  /* Radio Button */
  --radio-border-color                              : #b5b5b5;
  --radio-border-hover-color                        : #8c8c8c;

  /* Landing Page */
  --content-bg-color                                : #f7f7f7;
  --footer-border-color                             : var(--base-border-secondary-color);
  --footer-bg-color                                 : #ffffff;
  --btn-bg-color                                    : #1A1A1A;
  --btn-line-color                                  : #707070;
  --error-text-color                                     : #d63b3e;

  /* Table */
  --table-title-bg                                  : #ffffff;
  --table-th-bg                                     : #DCDCDC;
  --table-border                                    : #e9e9e9;
  --table-td-bg                                     : #EAEAEA;
  --table-header-text-color                         : #757575;

  /* Checkbox & Icons */
  --icon-wrap                                       : #aca1a1;
  --home-icon-wrap                                  : #F2F2F2;
  --check-box-border                                : var(--black);
  --check-box-selected-bg                           : #000000;

  /* Item Card & Form Elements */
  --btn-icon-wrap                                   : #f5f5f5;
  --input-border                                    : rgba(121, 121, 121, 0.3);
  --item-wrap-bg                                  : #FCFCFC;  


  /* Summary & Tooltip */
  --summary-value                                   : #757575;
  --summary-total                                   : #f7f7f7;
  --tooltip-summary-total                             : #2F2F2F;
  --tooltip-bg                                      : #1A1A1A;

  /* Popup */
  --popup-bg                                        : #f1f1f1;
  --popup-text                                      : #757575;
  --icon-shadow                                     : #e2e6f4;

  /* Skeleton Loading */
  --skelton-bg-color                                : #f7f7f7;
  --skelton-bg-rgb                                  : 247, 247, 247;

  /* Table */
  --table-expansion-cell-border-color               : #000000;

  
  /* button */
  --expand-button-bg                                : rgba(0, 0, 0, 0.3);
  /* --expand-button-bg                                : #000000; */


  --support-card-label-bg-color: #000000;


  --dialog-mask-bg-color: #ffffff4d;
  --dialog-bg-color: #f1f1f1;
  --dialog-header-icon-bg-color: #EBECF2;
  --dialog-header-svg-bg-color: #1A1A1A;
  --dialog-header-circle-line-color: var(--base-border-secondary-color);
  --confirmation-item-bg: #FFFFFF;
  --product-badge-bg: #ececec;
  --product-badge-text-color: #757575;
  --product-return-center-align-icon-bg: #FFFFFF;
  --product-return-center-align-icon-text-color: var(--body-text-secondary);

  --p-card-border-color: #D6D6D6;
  --exchange-box-border-color: var(--base-border-teritiary-color);

   /* paginator */
  --paginator-bg-color: var(--table-td-bg);

  --table-frozen-column-bg-color: #F2F2F2;

  --dropdown-selected-item-bg: rgba(0, 0, 0, 0.07);
      --list-view-icon-bg-color-1:#1A1A1A;
    --list-view-icon-bg-color-2:#666666;
}