:root{

    --fsize: 15px;

    --acc-bg: white;
    --acc-text: #000;
    --acc-hover: #cc0000;
    --acc-title: #ffffe5;

    --body-bg: #626262;
    --body-text: black;
    --a-color: #C30;
    --h1: #FFC;
    --white-bg:  rgba(255, 255, 255, 0.80);
    --light-bg:  rgba(255, 255, 255, 0.20);
    --yelow-bg:  rgba(255, 255, 200, 0.85);
    --yelow2-bg: rgba(255, 255, 200, 0.50);
    --yelow3-bg: rgba(255, 255, 200, 0.50);
    --blue-bg:   rgba(200, 200, 225, 0.80);
    --blue2-bg:  rgba(140, 160, 233, 0.50);
    --red-bg:    rgba(238, 60, 36, 0.20);
    --pink: #936;
    --more: white;
    --readmore: #C30;
    --category: rgba(255, 255, 255, 0.50);
    --way: white;

    --input-bg: #FFFFEA;
    --input-focus: #FFC;
    --input-focus-border: #FC0;
    --input-error: #C30;

    --th-bg: rgba(140, 160, 233, 0.50);
    --td-bg: rgba(255, 255, 255, 0.70);
    --table-border: #333;
    --table-bg: rgba(255, 255, 255, 0.70);

    --wrapper-bg: transparent;

    --blocks-home: rgba(238, 60, 36, 0.50);

}

.dark{
    --acc-bg: #333;
    --acc-text: #FFF;
    --acc-hover: yellow;
    --acc-title: #000;

    --body-bg: #333;
    --body-text: white;
    --a-color: yellow;
    --white-bg:  #333;
    --light-bg:  #333;
    --yelow-bg:  #333;
    --yelow2-bg: #a0a0a0;
    --yelow3-bg: #333;
    --blue-bg:   #333;
    --blue2-bg:  #333;
    --red-bg:    #333;
    --pink: yellow;
    --more: yellow;
    --readmore: yellow;
    --category: #333;


    --input-bg: #444;
    --input-focus: #333;
    --input-focus-border: white;
    --input-error: yellow;

    --th-bg: #333;
    --td-bg: #444;
    --table-border: #777;
    --table-bg:  white;

    --wrapper-bg: rgba(0,0,0,0.5);
}


.light {
    --h1: white;
    --wrapper-bg: rgba(255,255,255,0.5);
    --way: #333;
    --white-bg: white;
    --red-bg: #fff5ef;
    --yelow-bg:  white;
    --yelow2-bg: white;
    --yelow3-bg: white;
    --blue-bg:   white;
    --blue2-bg:  white;
    --pink: red;
    --more: red;
    --readmore: red;
    --blocks-home: #b05340;
}