:root {
     /* Cores principais */
     --cor-principal: #f8f9fb;
     --cor-secundaria: #ffffff;
     --cor-terciaria: #eef1f5;
     --cor-quaternaria: #d9dee7;
     --cor-quinta: #b8c0cc;
     --cor-sexta: #8b95a7;
     --cor-setima: #5f6b7a;
     --cor-oitava: #2f3742;
     --cor-nona: #1c222b;

     /* Texto */
     --cor-texto: rgb(var(--cor-nona-rgb) / 0.92);
     --cor-texto-suave: rgb(var(--cor-nona-rgb) / 0.72);
     --cor-texto-fraco: rgb(var(--cor-nona-rgb) / 0.55);
     --cor-texto-invertido: rgb(var(--branco-rgb) / 1);

     /* Borda */
     --cor-borda: rgb(var(--cor-nona-rgb) / 0.12);

     /* UI */
     --raio-padrao: 18px;
     --raio-grande: 26px;
     --sombra-principal: 0 18px 60px rgb(var(--cor-nona-rgb) / 0.14);
     --sombra-suave: 0 10px 30px rgb(var(--cor-nona-rgb) / 0.10);
     --largura-maxima: 1400px;
     --transicao-padrao: cubic-bezier(.2, .8, .2, 1);

     /* RGB */
     --cor-principal-rgb: 248 249 251;
     /* #f8f9fb */
     --cor-secundaria-rgb: 255 255 255;
     /* #ffffff */
     --cor-terciaria-rgb: 238 241 245;
     /* #eef1f5 */
     --cor-quaternaria-rgb: 217 222 231;
     /* #d9dee7 */
     --cor-quinta-rgb: 184 192 204;
     /* #b8c0cc */
     --cor-sexta-rgb: 139 149 167;
     /* #8b95a7 */
     --cor-setima-rgb: 95 107 122;
     /* #5f6b7a */
     --cor-oitava-rgb: 47 55 66;
     /* #2f3742 */
     --cor-nona-rgb: 28 34 43;
     /* #1c222b */

     --branco-rgb: 255 255 255;
     --preto-rgb: 0 0 0;

     /* Skeleton */
     --cor-skeleton-principal: #f4f6f8;
     --cor-skeleton-secundaria: #e7ebf0;
     --cor-skeleton-principal-rgb: 244 246 248;
     --cor-skeleton-secundaria-rgb: 231 235 240;
 }