/* -------------------------------- 

CORES

-------------------------------- */

/* CORES PADRÃO DE FUNDO E DE TEXTOS*/
html, body {
    background-color: var(--ifht-style-primary-surface-default);
    color:var(--ifht-sys-cor-primaria-normal-contrast);
}

/* FUNDOS*/
/* cor primária */
.bg-primary-lighter {background-color: var(--ifht-style-primary-surface-lighter) !important;}
.bg-primary-subtle {background-color: var(--ifht-style-primary-surface-subtle) !important;}
.bg-primary-default {background-color: var(--ifht-style-primary-surface-default) !important;}
.bg-primary-darker {background-color: var(--ifht-style-primary-surface-darker) !important;}

/* cor secundária */
.bg-secondary-lighter {background-color: var(--ifht-style-secondary-surface-lighter) !important;}
.bg-secondary-subtle {background-color: var(--ifht-style-secondary-surface-subtle) !important;}
.bg-secondary-default {background-color: var(--ifht-style-secondary-surface-default) !important;}
.bg-secondary-darker {background-color: var(--ifht-style-secondary-surface-darker) !important;}

/* cor terciária 1 */
.bg-tertiary1-lighter {background-color: var(--ifht-style-tertiary1-surface-lighter) !important;}
.bg-tertiary1-subtle {background-color: var(--ifht-style-tertiary1-surface-subtle) !important;}
.bg-tertiary1-default {background-color: var(--ifht-style-tertiary1-surface-default) !important;}
.bg-tertiary1-darker {background-color: var(--ifht-style-tertiary1-surface-darker) !important;}

/* cor terciária 2 */
.bg-tertiary2-lighter {background-color: var(--ifht-style-tertiary2-surface-lighter) !important;}
.bg-tertiary2-subtle {background-color: var(--ifht-style-tertiary2-surface-subtle) !important;}
.bg-tertiary2-default {background-color: var(--ifht-style-tertiary2-surface-default) !important;}
.bg-tertiary2-darker {background-color: var(--ifht-style-tertiary2-surface-darker) !important;}

/* cor neutra */
.bg-tertiary2-lighter {background-color: var(--ifht-style-tertiary2-surface-lighter) !important;}
.bg-tertiary2-subtle {background-color: var(--ifht-style-tertiary2-surface-subtle) !important;}
.bg-tertiary2-default {background-color: var(--ifht-style-tertiary2-surface-default) !important;}
.bg-tertiary2-darker {background-color: var(--ifht-style-tertiary2-surface-darker) !important;}

.bg-white {background-color: var(--ifht-style-white) !important;}