:root {
    /* Brand Colors */
    --brand-color                                      : var(--text-primary);

    --vite-brand-primary-color                        : #B065F8;
    --vite-brand-secondary-color                      : #05C1F0;


    /* Status Colors (RGB) */
    --info-bg-100                                     : 28, 139, 247;
    --warning-bg-100                                  : 238, 149, 40;
    --error-bg-100                                    : 255, 96, 96;
    --success-bg-100                                  : 69, 199, 103;
    --in-progress-bg-100                              : 252, 244, 199;
    --in-progress-text                                : 149, 111, 14;

          /* Base Colors */
  --white                                           : #FFF;
  --white-rgb                                       : 255, 255, 255;
  --black                                           : #000;
  --black-rgb                                       : 0, 0, 0;

    /* Icon Colors */
    --helpline-icon-color                             : #ffffff;
    --disable-icon-color                              : #ff6347;

    /* Timeline & Text */
    --timeline-description-text                       : #b1b1b1;

    /* Package Tile Navigation */
    --package-tile-nav-arrow-color                    : #1a1a1a;
    --package-tile-nav-arrow-color-rgb                : 26, 26, 26;
    --package-tile-arrow-color                        : #757575;
    --package-tile-arrow-color-rgb                    : 117, 117, 117;

    /* Brand Landing Buttons */
    --bathBody-landing-btn                            : var(--Bath-and-Body);
    --birkenstocke-landing-btn                        : var(--Birkenstock);

    /* Input Border */
    --input-border-color                              : #707070;
    --qty-count-bg-color                              : #f1f1f14d;

    /* Content & Footer */
    --content-bg-color                                : #f7f7f7;
    --footer-border-color                             : var(--base-border-secondary-color);
    --footer-border-color-rgb                         : 233, 233, 233;
    --footer-bg-color                                 : #ffffff;
    --alt-prod-bg                                    : #EFEFEF;

    /* Buttons */
    --btn-bg-color                                    : #1a1a1a;
    --btn-line-color                                  : #707070;
    --dlt-btn-bg                                       : #F5F5F5;

    /* Table */
    --table-title-bg                                  : #ffffff;
    --table-th-bg                                     : #f7f7f7;
    --table-border                                    : #e9e9e9;
    --table-td-bg                                     : #ffffff;

    /* Item & Body */
    --body-text-secondary                             : rgba(0, 0, 0, 0.7);

    /* Checkbox & Icons */
    --icon-wrap                                       : #707070;
    --check-box-border                                : #757575;
    --check-box-selected-bg                           : #000000;

    /* Text Colors */
    --text-black                                      : #000000;
    --text-white                                      : #ffffff;


    /* status */
    --info-bg                                          : 27, 170, 223;
    --warning-bg                                       : 238, 149, 40;
    --error-bg                                         : 255, 96, 96;
    --success-bg                                       : 69, 199, 103;
    --inprogress-bg                                    : 252, 244, 199;
    --inprogress-text                                  : 149, 111, 14;

    --error-bar-bg-color                               :#ff2b2b;
    /* loader */
    --loader-color                                     : var(--brand-color);

    /* checkbox */
    --checkbox-bg-color                                : var(--brand-color);

    --panel-btn-bg                                    : var(--brand-color);
}