/* As hex codes */

.cor-primaria-0 { color: #1BCAC3 }	/* Main primaria cor */
.cor-primaria-1 { color: #6BE0DC }
.cor-primaria-2 { color: #3FD4CE }
.cor-primaria-3 { color: #00C0B9 }
.cor-primaria-4 { color: #008681 }


.cor-secundaria-1-0 { color: #2E65D2 }	/* Main secundaria cor (1) */
.cor-secundaria-1-1 { color: #799DE5 }
.cor-secundaria-1-2 { color: #517FDA }
.cor-secundaria-1-3 { color: #0F4ECA }
.cor-secundaria-1-4 { color: #0A3893 }

.cor-secundaria-2-0 { color: #FFB323 }	/* Main secundaria cor (2) */
.cor-secundaria-2-1 { color: #FFD17A }
.cor-secundaria-2-2 { color: #FFC14C }
.cor-secundaria-2-3 { color: #FFA700 }
.cor-secundaria-2-4 { color: #DC9000 }

.cor-complementar-0 { color: #FF8423 }	/* Main complementar cor */
.cor-complementar-1 { color: #FFB57A }
.cor-complementar-2 { color: #FF9C4C }
.cor-complementar-3 { color: #FF7100 }
.cor-complementar-4 { color: #DC6200 }



/* As RGBa codes */

.fundo-rgba-primaria-0 { background-color: rgba( 27,202,195,0.3) }	/* Main primaria cor */
.fundo-rgba-primaria-1 { background-color: rgba(107,224,220,0.9) }
.fundo-rgba-primaria-2 { background-color: rgba( 63,212,206,0.9) }
.fundo-rgba-primaria-3 { background-color: rgba(  0,192,185,0.9) }
.fundo-rgba-primaria-4 { background-color: rgba(  0,134,129,0.9) }
.fundo-rgba-primaria-5 { background-color: rgba(  0,0,255,0.1) }


.fundo-rgba-secundaria-1-0 { background-color: rgba( 46,101,210,0.9)}	/* Main secundaria cor (1) */
.fundo-rgba-secundaria-1-1 { background-color: rgba(121,157,229,0.9) }
.fundo-rgba-secundaria-1-2 { background-color: rgba( 81,127,218,0.9) }
.fundo-rgba-secundaria-1-3 { background-color: rgba( 15, 78,202,0.9) }
.fundo-rgba-secundaria-1-4 { background-color: rgba( 10, 56,147,0.9) }

.fundo-rgba-secundaria-2-0 { background-color: rgba(255,179, 35,0.9) }	/* Main secundaria cor (2) */
.fundo-rgba-secundaria-2-1 { background-color: rgba(255,209,122,0.9) }
.fundo-rgba-secundaria-2-2 { background-color: rgba(255,193, 76,0.9) }
.fundo-rgba-secundaria-2-3 { background-color: rgba(255,167,  0,0.9) }
.fundo-rgba-secundaria-2-4 { background-color: rgba(220,144,  0,0.9) }

.fundo-rgba-complementar-0 { background-color: rgba(255,132, 35,0.9) }	/* Main complementar cor */
.fundo-rgba-complementar-1 { background-color: rgba(255,181,122,0.9) }
.fundo-rgba-complementar-2 { background-color: rgba(255,156, 76,0.9) }
.fundo-rgba-complementar-3 { background-color: rgba(255,113,  0, 1) }
.fundo-rgba-complementar-4 { background-color: rgba(220, 98,  0,0.9) }