/*
    ------------------------
    Common Settings
    ------------------------
*/
.theme-default {
    /* Colors */
    --color-brand-gs: #b7a69d;
    --color-bg-livebtn: rgba( 254, 0, 0, .75 );
    --color-bg-livebtn-hover: #900;
    --color-txt-livebtn: #fff;
    --color-txt-livebtn-hover: #fee;
    --color-txt-brand-coder: #274542;
    --color-txt-brand-jason: #999;
    --color-txt-brand-jayro: #0161bb;
    --color-txt-brand-jayro-hover: #003678;
    --color-border-livebtn: #fff;
    --color-border-livebtn-hover: #eff;
}


/*
    ------------------------
    Light Theme Settings
    ------------------------
*/
.light {
    --color-bg-findus: #eef;
    --color-bg-findus-900px: rgba( 238, 238, 255, .6 );
    --color-bg-ticker: rgba( 200,240,230, .8 );
    --color-bg-ticker-from: rgba( 0, 254, 0, .4 );
    --color-bg-ticker-until: rgba( 254, 0, 0, .4 );
    --color-bg-footer: #eee;
    --color-txt-h2: #798;
    --color-txt-findus: #fff;
    --color-txt-ticker: #354;
    --color-txt-ticker-location: #999;
    --color-txt-footer: #502e0f;
    --color-shadow-brand-gs: rgba( 254, 254, 254, .8 );
    --color-shadow-livebtn: rgba( 0, 0, 0, .5 );
    --color-shadow-findus: rgba( 88, 88, 88, .4 );
    --color-shadow-ticker: rgba( 0, 0, 0, .2 );
    --color-shadow-jayro: #fff;
}


/*
    ------------------------
    Dark Theme Settings
    ------------------------
*/
.dark {
    --color-bg-findus: #eef;
    --color-bg-findus-900px: rgba( 238, 238, 255, .6 );
    --color-bg-ticker: rgba( 200,240,230, .8 );
    --color-bg-ticker-from: rgba( 0, 254, 0, .4 );
    --color-bg-ticker-until: rgba( 254, 0, 0, .4 );
    --color-bg-footer: #eee;
    --color-txt-h2: #798;
    --color-txt-findus: #fff;
    --color-txt-ticker: #354;
    --color-txt-ticker-location: #999;
    --color-txt-footer: #502e0f;
    --color-shadow-brand-gs: rgba( 66, 66, 66, .8 );
    --color-shadow-findus: rgba( 88, 88, 88, .4 );
    --color-shadow-ticker: rgba( 0, 0, 0, .2 );
    --color-shadow-jayro: #fff;
}