@font-face {
    font-family: "Hermes";
    src: url("/assets/fonts/hermes-regular.otf")
}

@font-face {
    font-family: "HermesBold";
    src: url("/assets/fonts/hermes-bold.otf")
}

:root {
    --colorComplementaryOne: #4b4b4d;
    --colorComplementaryTwo: #C4C4C4;
    --colorComplementaryThree: #ececec;
    --colorComplementaryFour: #e8e8e8;
    --colorPrimary: #ea7100;
    --colorLabel: #696969;
    --colorPrimaryDark: #72370e;
    --colorSuccess: #366f1b;
    --colorDisabled: #949494;
    --colorSuccess: #277725;
    /* variáveis de cor dashboard */
    --colorDashboard-1: #C21B2190; /* cor vermelho claro */
    --colorDashboard-2: #64B64D90; /* cor verde claro  */
    --colorDashboard-3: #FFCA2790; /* cor amarelo  */
    --colorDashboard-4: #184F9890; /* cor azul marinho */
    --colorDashboard-5: #4B4B4D90; /* cor cinza escuro  */
    --colorDashboard-6: #89151890; /* cor vermelho escuro  */
    --colorDashboard-7: #AFD13690; /* cor verde neon */
    --colorDashboard-8: #FAA82390; /* cor amarelo mostarda */
    --colorDashboard-9: #0062E390; /* cor  azul */
    --colorDashboard-10: #A9ABAE90; /* cor cinza claro */
    --colorDashboard-11: #FF573390; /* cor laranja */
    --colorDashboard-12: #33FFBD90; /* cor verde água */
    --colorDashboard-13: #FF33F690; /* cor rosa choque */
    --colorDashboard-14: #335BFF90; /* cor azul royal */
    --colorDashboard-15: #FF338090; /* cor rosa escuro */
    --colorDashboard-16: #33FF57390; /* cor verde limão */
    --colorDashboard-17: #FF8C3390; /* cor laranja queimado */
    --colorDashboard-18: #33FFF390; /* cor verde claro */
    --colorDashboard-19: #FF33A890; /* cor rosa médio */
    --colorDashboard-20: #33D1FF90; /* cor azul claro */
    --bgDanger: #cc092f;
}