@import "colors.css";
@import "site.css";

body {
    /*------------------------*/
    /*- Images               -*/
    --imageurl_logohigh: url("/icons/acrlogo_dark_high.png");
    --imageurl_logowide: url("/icons/acrlogo_dark_wide.png");
    --imageurl_logowidevip: url("/icons/acrlogo_dark_wide_vip.png");
    --imageurl_logowideblingcrown: url("/icons/acrlogo_bling_crown.png");
    --imageurl_logosmall: url("/icons/acrlogo_dark_small.png");
    --imageurl_logosmallvip: url("/icons/acrlogo_dark_small_vip.png");
    --imageurl_logosmallblingcrown: url("/icons/acrlogo_dark_bling_crown.png");
    --imageurl_menuvip: url("/icons/menuvip_repeat.png");
    --imageurl_cartmenu: url("/icons/cart_menu_dark.png");
    --imageurl_hamburger: url("/icons/hamburger_dark.png");
    --imageurl_closemenu: url("/icons/close_menu_dark.png");
    --imageurl_radiochecked: url("/icons/radiobutton_checked_dark.png");
    --imageurl_checkboxchecked: url("/icons/checkbox_checked_dark.png");
    --imageurl_removefromcart: url(/icons/remove_from_cart_dark.png);
    --imageurl_trendup: url(/icons/greenarrowup_dark.png);
    --imageurl_trenddown: url(/icons/redarrowdown_dark.png);
    --imageurl_checker_repeat: url(/icons/checker_repeat_light2.png);
    --imageurl_menuhome: url(/icons/home_dark.png);
    --imageurl_menuleaderboard: url(/icons/leaderboard_dark.png);
    --imageurl_menuproducts: url(/icons/products_dark.png);
    --imageurl_menucart: url(/icons/cart_dark.png);
    --imageurl_menuorders: url(/icons/orders_dark.png);
    --imageurl_menurules: url(/icons/rules_dark.png);
    --imageurl_menudarkmode: url(/icons/darklightmode_dark.png);
    --imageurl_menulogout: url(/icons/footsteps_dark.png);
    --imageurl_remove: url(/icons/remove_dark.png);
    --overlaycolor_imagehover: var(--basecolor_overlayblack2);
    /*------------------------*/
    /*- Animations           -*/
    --animationcolor_loaderstatic: var(--basecolor_lgray8);
    --animationcolor_loaderdynamic: var(--basecolor_blue);
    /*------------------------*/
    /*- Common               -*/
    --backgroundcolor_login: var(--basecolor_lgray8);
    --backgroundcolor_main: var(--basecolor_lgray8);
    --backgroundcolor_topsection: var(--basecolor_lgray6);
    --framecolor_delimiters: var(--basecolor_lgray5);
    --framecolor_delimitersdistinct: var(--basecolor_lgray3);
    --framecolor_delimitershover: var(--basecolor_lgray2);
    --framecolor_generalerror: var(--basecolor_red);
    --framecolor_generalalert: var(--basecolor_orange);
    --framecolor_images: var(--basecolor_blue);
    --overlaycolor_highlight: var(--basecolor_overlayblack0);
    --overlaycolor_highlightextra: var(--basecolor_overlayblack1);
    --overlayframecolor_highlightextra: var(--basecolor_darkdarkblue);
    --overlaycolor_hover: var(--basecolor_overlaywhite2);
    --overlaycolor_gradient: var(--backgroundcolor_main);
    --textcolor_generalheader: var(--basecolor_dgray1);
    --textcolor_generaltext: var(--basecolor_dgray1);
    --textcolor_generalheaderdistinct: var(--basecolor_dgray2);
    --textcolor_generaltextdistinct: var(--basecolor_dgray2);
    --textcolor_generalblue: var(--basecolor_blue);
    --textcolor_link: var(--basecolor_darkblue);
    --textcolor_generalerror: var(--basecolor_red);
    /*-------------------------*/
    /*- Top bar               -*/
    --backgroundcolor_menuvip: var(--basecolor_gold);
    --backgroundcolor_topmenudivider: var(--basecolor_lgray2);
    --opacity_topbaricons: 0.7;
    --textcolor_menuselected: var(--basecolor_dgray3);
    --textcolor_menuvip: var(--basecolor_dgray6);
    --textcolor_menuselectedvip: var(--basecolor_dgray3);
    /*-------------------------*/
    /*- Lists                 -*/
    --textcolor_listheader: var(--textcolor_generalheader);
    --textcolor_listitemtextfirst: var(--basecolor_dgray2);
    --textcolor_listitemtextsecond: var(--basecolor_gray);
    --backgroundcolor_listgroup1: var(--basecolor_lightbluetransparent);
    --backgroundcolor_listgroupindication1: var(--basecolor_lightlightblue);
    --backgroundcolor_listgroupindication2: var(--basecolor_darkdarkblue);
    /*-------------------------*/
    /*- Overlay content frame -*/
    --backgroundcolor_overlaycontentframeouter: var(--basecolor_overlayblack4);
    --backgroundcolor_overlaycontentframeinner: var(--backgroundcolor_main);
    --framecolor_overlaycontentframeinner: var(--basecolor_dgray4);
    --textcolor_overlaycontentframeheader: var(--textcolor_generalheaderdistinct);
    --textcolor_overlaycontentframetext: var(--textcolor_generaltextdistinct);
    /*------------------------*/
    /*- Buttons              -*/
    /*-     Neutral          -*/
    --backgroundcolor_buttonneutral: transparent; /*var(--basecolor_white);*/
    --overlaycolor_buttonneutral: transparent; /*var(--basecolor_lgray7);*/
    --framecolor_buttonneutral: var(--framecolor_delimiters);
    --framecolor_buttonneutralhover: transparent;
    --textcolor_buttonneutral: var(--textcolor_generaltext);
    /*-     Accept           -*/
    --backgroundcolor_buttonaccept: var(--basecolor_lightblue);
    --overlaycolor_buttonaccepthover: var(--basecolor_darkblue);
    --framecolor_buttonaccept: var(--basecolor_blue);
    --textcolor_buttonaccept: var(--basecolor_white);
    /*-     Place order      -*/
    --backgroundcolor_buttonplaceorder: var(--basecolor_darkgreen);
    --overlaycolor_buttonplaceorderhover: var(--basecolor_lightgreen);
    --framecolor_buttonplaceorder: var(--basecolor_lightgreen);
    --textcolor_buttonplaceorder: var(--basecolor_white);
    /*-     Disabled         -*/
    --backgroundcolor_buttondisabled: var(--basecolor_lgray4);
    --framecolor_buttondisabled: var(--basecolor_lgray4);
    --textcolor_buttondisabled: var(--basecolor_lgray8);
    /*------------------------*/
    /*- Input                -*/
    --backgroundcolor_input: var(--basecolor_white);
    --framecolor_input: var(--basecolor_lgray4);
    --framecolor_inputfocus: var(--basecolor_lgray3);
    --textcolor_input: var(--basecolor_dgray4);
    --textcolor_inputplaceholder: var(--textcolor_generaltext);
    /*------------------------*/
    /*- Dashboard            -*/
    --framecolor_dashboarditems: var(--basecolor_lgray5);
    --framecolor_dashboarditemslarge: var(--basecolor_lgray2);
    --framecolor_dashboarditemslargevip: var(--basecolor_gold);
    --framecolor_dashboarditemsanimation: var(--basecolor_blue);
    --backgroundcolor_dashboarditems: var(--basecolor_white);
    --backgroundcolor_dashboarditemsvip: var(--basecolor_gold);
    --backgroundcolor_dashboardwelcome: var(--basecolor_overlayblack0);
    --textcolor_dashboardheadersvip: var(--basecolor_dgray2);
    --textcolor_dashboardtotpoints: var(--basecolor_lightorange);
    --textcolor_dashboardtotpointsvip: var(--basecolor_lightblue);
    --textcolor_dashboardpointsleft: var(--basecolor_darkpurple);
    --textcolor_dashboardplacementtot: var(--basecolor_blue);
    --textcolor_dashboardplacementsite: var(--basecolor_darkorange);
    --textcolor_dashboardpointsused: var(--basecolor_lgray3);
    --textcolor_dashboarditemstrendup: var(--basecolor_lightgreen);
    --textcolor_dashboarditemstrenddown: var(--basecolor_red);
    /*------------------------*/
    /*- Leaderboard          -*/
    --framecolor_leaderboarditems: var(--backgroundcolor_main);
    --backgroundcolor_leaderboarditems: var(--backgroundcolor_main);
    --textcolor_leaderboarditems: var(--textcolor_generaltext);
    --textcolor_leaderboarditemstrendup: var(--basecolor_darkgreen);
    --textcolor_leaderboarditemstrenddown: var(--basecolor_red);
    --textcolor_leaderboarditemshighlight: var(--basecolor_dgray1);
    /*------------------------*/
    /*- Shopping cart        -*/
    --backgroundcolor_shoppingcartcircle: var(--basecolor_orange);
    --textcolor_shoppingcartcircletext: var(--basecolor_white);
    /*------------------------*/
    /*- Products             -*/
    --backgroundcolor_productgrid: var(--backgroundcolor_main);
    --backgroundcolor_productgriditems: var(--basecolor_lgray6);
    --backgroundcolor_productgridpoints: var(--basecolor_lightlightblue);
    --backgroundcolor_productgridcart: var(--basecolor_lightblue);
    --backgroundcolor_productgridsizes: var(--basecolor_lightblue);
    --backgroundcolor_productviewer: var(--backgroundcolor_main);
    --framecolor_categorycontainer: var(--basecolor_dgray2);
    --framecolor_categorycontainervip: var(--basecolor_gold);
    --framecolor_productgrid: var(--basecolor_lgray6);
    --framecolor_productgridhover: var(--basecolor_dgray5);
    --framecolor_productgriditem: transparent;
    --textcolor_productcontrols: var(--basecolor_white);
    --textcolor_productgeneral: var(--textcolor_generaltextdistinct);
    /*------------------------*/
    /*- Orders               -*/
    --backgroundcolor_order: var(--backgroundcolor_main);
    --backgroundcolor_orderitem: var(--basecolor_white);
    --framecolor_order: var(--basecolor_lgray4);
}