:root {
     /* Cores base */
     --color-c0: #ffffff;
    --color-c1: #f5f5f5;
    --color-c2: #EBEBEB;
    --color-c3: #E0E0E0;
    --color-c4: #CCCCCC;
    --color-c5: #B8B8B8;
    --color-c6: #A3A3A3;
    --color-c7: #8F8F8F;
    --color-c8: #7A7A7A;
    --color-c9: #666666;
    --color-c10: #525252;
    --color-c11: #3D3D3D;
    --color-c12: #292929;
    --color-c13: #141414;

    /* Cores primárias */
    --color-p1: #EEFDFB;
    --color-p2: #D1FAF6;
    --color-p3: #AEF9F0;
    --color-p4: #77FCED;
    --color-p5: #5EECDC;
    --color-p6: #45D7C6;
    --color-p7: #27C1B0;

    /* Cores secundárias */
    --color-s1: #5D606C;
    --color-s2: #3F4251;
    --color-s3: #2C2F3E;
    --color-s4: #1C1F2B;
    --color-s5: #181A23;
    --color-s6: #141721;
    --color-s7: #10131D;
    --color-s8: #0E1018;
    --color-s9: #08090E;

    --color-s21: #B5BBD2;
    --color-s22: #969EBC;
    --color-s23: #7882A9;

    --color-a-red4: #E05C5C;
    --color-a-red3: #D77C7C;
    --color-a-red2: #FCEEEE;
    --color-a-red1: #FDF4F4;


    --color-a-green4: #4EB899;
    --color-a-green3: #75D5B9;
    --color-a-green2: #D3F8EC;
    --color-a-green1: #E1FAF2;

    --color-a-yellow4: #C49545;
    --color-a-yellow3: #EAC179;
    --color-a-yellow2: #FFEFD1;
    --color-a-yellow1: #FFFAF1;

    --color-a-blue4: #1787CC;
    --color-a-blue3: #51ADE5;
    --color-a-blue2: #B1E0FC;
    --color-a-blue1: #DFF3FF;
}

/* Cores base */
.cor-c0 { color: var(--color-c0);}
.cor-c1 { color: var(--color-c1); }
.cor-c2 { color: var(--color-c2); }
.cor-c3 { color: var(--color-c3); }
.cor-c4 { color: var(--color-c4); }
.cor-c5 { color: var(--color-c5); }
.cor-c6 { color: var(--color-c6); }
.cor-c7 { color: var(--color-c7); }
.cor-c8 { color: var(--color-c8); }
.cor-c9 { color: var(--color-c9); }
.cor-c10 { color: var(--color-c10); }
.cor-c11 { color: var(--color-c11); }
.cor-c12 { color: var(--color-c12); }
.cor-c13 { color: var(--color-c13); }

/* Cores primárias */
.cor-p1 { color: var(--color-p1); }
.cor-p2 { color: var(--color-p2); }
.cor-p3 { color: var(--color-p3); }
.cor-p4 { color: var(--color-p4); }
.cor-p5 { color: var(--color-p5); }
.cor-p6 { color: var(--color-p6); }
.cor-p7 { color: var(--color-p7); }

/* Cores secundárias */
.cor-s1 { color: var(--color-s1); }
.cor-s2 { color: var(--color-s2); }
.cor-s3 { color: var(--color-s3); }
.cor-s4 { color: var(--color-s4); }
.cor-s5 { color: var(--color-s5); }
.cor-s6 { color: var(--color-s6); }
.cor-s7 { color: var(--color-s7); }
.cor-s8 { color: var(--color-s8); }
.cor-s9 { color: var(--color-s9); }

.cor-s21 { color: var(--color-s21); }
.cor-s22 { color: var(--color-s22); }
.cor-s23 { color: var(--color-s23); }

.cor-a-red4 {
    color: var(--color-a-red4);
}

.cor-a-red3 {
    color: var(--color-a-red3);
}

.cor-a-red2 {
    color: var(--color-a-red2);
}

.cor-a-red1 {
    color: var(--color-a-red1);
}

.cor-a-green4 {
    color: var(--color-a-green4);
}

.cor-a-green3 {
    color: var(--color-a-green3);
}

.cor-a-green2 {
    color: var(--color-a-green2);
}

.cor-a-green1 {
    color: var(--color-a-green1);
}

.cor-a-yellow4 {
    color: var(--color-a-yellow4);
}

.cor-a-yellow3 {
    color: var(--color-a-yellow3);
}

.cor-a-yellow2 {
    color: var(--color-a-yellow2);
}

.cor-a-yellow1 {
    color: var(--color-a-yellow1);
}

.cor-a-blue4 {
    color: var(--color-a-blue4);
  }
  
  .cor-a-blue3 {
    color: var(--color-a-blue3);
  }
  
  .cor-a-blue2 {
    color: var(--color-a-blue2);
  }
  
  .cor-a-blue1 {
    color: var(--color-a-blue1);
  }