:root {
    /* footer */
    --footerBG: #54565a;
    --footerFG: #ffffff;
    /*
    page level
    */
    --mainTxt: #19191a;
    --mainBG: #FFF;
    /* tipography */
    --mainFG: #E17836;
    --mainFGhover: #910e19;
    --mainFGlightred: #ff8f99;
    --mainFGDarker: #666;
    --mainFGDarkerhov: #323c46;
    --mainBGdarker: #cacacc;
    --mainDarkFG: white;
    /* header */
    --headerBG: #ea0029;
    --headerBGdarker: #af5e2b;
    --headerBGlight: #f2f2f2;
    --headerFG: #ea0029;
    --mainCapt: #ea0029;
    --headerFGlight: white;
    --headerLightBG: white;
    --headerLightFG: #ea0029;
    --headerDarkFG: white;
    --headerMobileBG: #ff8f99;
    /* pickers and labels */
    --pickerLabel: #5c6f82;
    --pickerDarkBG: #54565A;
    /* tables */
    --tableTxt: #19191a;
    --tableBrd: #d6dce3;
    --tableBGodd: #f6f7f9;
    --tableDarkTxt: white;
    --tableDarkheadBG: #bec6cd;
    --tableDarkbrd: #8694a2;
    --tableDarkheadBG: #330509;
    --tableDarkBG: #ea0029;
    /* buttons */
    --BtnFG:  #19191a;
    --BtnpriFG: white;
    --BtnpridisFG:  #435a70;
    --BtnpridisBG: #e6e9f2;
    --Btnpridisbrd: #dfe4f2;
    --BtnsecFG: white;
    --BtnsecBG: #54565A;
    --Btnsechov:  #4c5c6c;
    --Btnsecdis:  #5c6f82;
    --BtnOutlinesecFG:#fcfdff;
    --BtnOutlinsechov: #e6e6e6;;
    --BtnOutlineBG: #ea0029;
    --BtnOutlinehov: #9f1a25;
    --BtnOutlinesechov: #50565c;
    --Btnlnk: #ea0029;
    --Btnlnkhov: #910e19;
    --Btnlnkdis: #656566;
    --BgDarkBG: white;
    --BgDarkFG: #ea0029;
    --BgDarkhovFG: #4c0c11;
    /* icons */
    --icon_pri: #ea0029;
    --icon_sec: #5c6f82;
    --icon_succ: #008758;
    --icon_info: #979899;
    --icon_warn: #a66300;
    --icon_dang: #d9364f;
    --icon_light: #e9e6f2;
    --icon_dark: #17324d;
    --icon_blk: #000;
    --icon_whi: #fff;
}