:root {
    --twf-color1: #4682B4;
    --twf-color2: #FFF0CF;
    --twf-color2-medio: #FFE362;
    --twf-color2-forte: #FFD700;
    --twf-color3: #F4F4F4;
    --twf-color4: #BBBBBB;
    --twf-color5: #666666;
    --twf-color6: #FFFFFF;
    --twf-color7: #000000;

    --twf-color--primary: #4682B4;
    --twf-color--secondary: #FFF0CF;
    --twf-color--white: #FFFFFF;
    --twf-color--gray-light: #F4F4F4;
    --twf-color--gray: #BBBBBB;
    --twf-color--gray-dark: #666666;
    --twf-color--back: #000000;
}

/* Color-palette gerado dinamicamente */

.theme-bg1, .theme-hover1:HOVER {
	background-color: var(--twf-color1);
}
.theme-text-color1 {
	color: var(--twf-color1);
}
.theme-border1 {
	border-color: var(--twf-color1);
}

.theme-bg2, .theme-hover2:HOVER {
	background-color: var(--twf-color2);
}
.theme-text-color2 {
	color: var(--twf-color2);
}
.theme-border2 {
	border-color: var(--twf-color2);
}

.theme-bg2-medio, .theme-hover2-medio:HOVER {
	background-color: var(--twf-color2-medio);
}
.theme-text-color2-medio {
	color: var(--twf-color2-medio);
}
.theme-border2-medio {
	border-color: var(--twf-color2-medio);
}

.theme-bg2-forte, .theme-hover2-forte:HOVER {
	background-color: var(--twf-color2-forte);
}
.theme-text-color2-forte {
	color: var(--twf-color2-forte);
}
.theme-border2-forte {
	border-color: var(--twf-color2-forte);
}

.theme-bg3, .theme-hover3:HOVER {
	background-color: var(--twf-color3);
}
.theme-text-color3 {
	color: var(--twf-color3);
}
.theme-border3 {
	border-color: var(--twf-color3);
}

.theme-bg4, .theme-hover4:HOVER {
	background-color: var(--twf-color4);
}
.theme-text-color4 {
	color: var(--twf-color4);
}
.theme-border4 {
	border-color: var(--twf-color4);
}

.theme-bg5, .theme-hover5:HOVER {
	background-color: var(--twf-color5);
}
.theme-text-color5 {
	color: var(--twf-color5);
}
.theme-border5 {
	border-color: var(--twf-color5);
}

.theme-bg6, .theme-hover6:HOVER {
	background-color: var(--twf-color6);
}
.theme-text-color6 {
	color: var(--twf-color6);
}
.theme-border6 {
	border-color: var(--twf-color6);
}

.theme-bg7, .theme-hover7:HOVER {
	background-color: var(--twf-color7);
}
.theme-text-color7 {
	color: var(--twf-color7);
}
.theme-border7 {
	border-color: var(--twf-color7);
}

.theme-selectable:hover {
	background-color: var(--twf-color2);
}
.theme-selected {
	background-color: var(--twf-color2);
}

.theme-gradient1 {
	background-image: url("../userinterface/heals/degrade1-bg.png");
}
.theme-gradient2 {
	background-image: url("../userinterface/heals/degrade2-bg.png");
}