:root {
    --bodycolor1: #fff; /* background */    
    --bodycolor2: #e7f5f5; /* light green */
    --bodycolor3: #f3fafa; /* lighter green */
    --bodycolor4: #fbf7f4; /* light brown */
    --bodycolor5: rgba(0,0,0,0.03); /* darker light brown */
    --bodycolor6: #12a19a; /* green (footer) */

    --textcolor1: #222; /* main text color */
    --textcolor2: #ccc; /* main text color */

    --color1: #12a19a; /* green (primary color) */
    --color2: #a6cfc8; /* light green (secondary color) */
    --color3: #084542; /* dark green */
    --color4: #674db5; /* purple */
    --color5: #a584d1; /* semi purple */
    --color6: #eb7a9a; /* pink */

    --success: #54c142; /* :-) */
    --success: #4caf50; /* :-) */
    --success: #12a19a; /* :-) */
    --success: #4bb543; /* :-) */
    --error: #f00; /* %!$!%!^&#!!11 */

    --colorfilter1: invert(44%) sepia(95%) saturate(529%) hue-rotate(131deg) brightness(93%) contrast(86%); /* like --color1 */
    --colorfilter3: invert(21%) sepia(23%) saturate(1443%) hue-rotate(128deg) brightness(94%) contrast(96%); /* like --color3 */
    --colorfilter6: invert(83%) sepia(13%) saturate(3220%) hue-rotate(293deg) brightness(103%) contrast(87%); /* like --color6 */
    --colorfilterwhite: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(0%) hue-rotate(66deg) brightness(104%) contrast(100%); /* standard: white */
    --colorfilterblack: brightness(0) saturate(100%) invert(0%) sepia(92%) saturate(18%) hue-rotate(92deg) brightness(107%) contrast(101%); /* standard: black */
}