body{
    color: var(--DefaultTextColor);
}

/* default ct button color. needs to be defined before any modifiers below */
.ct-btn{
    color: #ffffff;
    background-color: var(--MajorColor);
}

a,
a:hover,
a:focus,
a:active{
    color: var(--MinorColor);
}


.ct-txt-color0,
a.ct-txt-color0:hover,
a.ct-txt-color0:focus,
a.ct-txt-color0:active{
    color: var(--DefaultTextColor);/* default normal text color for all clients */
}
.ct-txt-color1,
a.ct-txt-color1:hover,
a.ct-txt-color1:focus,
a.ct-txt-color1:active{
    color: var(--MajorColor);
}
.ct-txt-color2,
a.ct-txt-color2:hover,
a.ct-txt-color2:focus,
a.ct-txt-color2:active{
    color: var(--MinorColor);
}

.ct-bg-color1{
    background-color: var(--MajorColor);
}
.ct-bg-color2{
    background-color: var(--MinorColor);
}

.ct-border-color1{
    border: solid 1px var(--MajorColor);
}
.ct-border-color2{
    border: solid 1px var(--MinorColor);
}