/* VARIÁVEIS DE ESTILO: Tudo aquilo que é usado no sistema Site/Moodle IFHT, conforme Design System */

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


VARIÁVEIS ESTILO

São variáveis que possuem um significado (semântica) dentro da interface. 

Ex: superfície, bordas, texto etc.


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

:root {

/*** CORES - SUPERFÍCIES ***/

--ifht-style-primary-surface-lighter:var(--ifht-sys-cor-primaria-extradark-contrast);
--ifht-style-primary-surface-subtle:var(--ifht-sys-cor-primaria-extralight);
--ifht-style-primary-surface-default:var(--ifht-sys-cor-primaria-dark-contrast);
--ifht-style-primary-surface-darker:var(--ifht-sys-cor-primaria-light);


--ifht-style-secondary-surface-lighter:var(--ifht-sys-cor-secundaria-dark-contrast);
--ifht-style-secondary-surface-subtle:var(--ifht-sys-cor-secundaria-extradark-contrast);
--ifht-style-secondary-surface-default:var(--ifht-sys-cor-secundaria-extralight);
--ifht-style-secondary-surface-darker:var(--ifht-sys-cor-secundaria-light);


--ifht-style-tertiary1-surface-lighter:var(--ifht-ref-cor-turquesa-99);
--ifht-style-tertiary1-surface-subtle:var(--ifht-sys-cor-terciaria-1-extralight);
--ifht-style-tertiary1-surface-default:var(--ifht-sys-cor-terciaria-1-extradark-contrast);
--ifht-style-tertiary1-surface-darker:var(--ifht-sys-cor-terciaria-1-light);


--ifht-style-tertiary2-surface-lighter:var(--ifht-sys-cor-terciaria-2-dark-contrast);
--ifht-style-tertiary2-surface-subtle:var(--ifht-sys-cor-terciaria-2-light);
--ifht-style-tertiary2-surface-default:var(--ifht-sys-cor-terciaria-2-extralight);
--ifht-style-tertiary2-surface-darker:var(--ifht-sys-cor-terciaria-2-normal);


--ifht-style-neutral-surface-lighter:var(--ifht-sys-cor-neutra-dark-contrast);
--ifht-style-neutral-surface-subtle:var(--ifht-sys-cor-neutra-extradark-contrast);
--ifht-style-neutral-surface-default:var(--ifht-sys-cor-neutra-extralight);
--ifht-style-neutral-surface-darker:var(--ifht-sys-cor-neutra-light);


--ifht-style-success-surface-lighter:var();
--ifht-style-success-surface-subtle:var();
--ifht-style-success-surface-default:var();
--ifht-style-success-surface-darker:var();

--ifht-style-alert-surface-lighter:var();
--ifht-style-alert-surface-subtle:var();
--ifht-style-alert-surface-default:var();
--ifht-style-alert-surface-darker:var();


--ifht-style-error-surface-lighter:var();
--ifht-style-error-surface-subtle:var();
--ifht-style-error-surface-default:var();
--ifht-style-error-surface-darker:var();

--ifht-style-white:var(--ifht-ref-cor-branco);

}

/*** CORES - TEXTOS E ÍCONES ***/


/*** CORES - BORDAS ***/


/*** ESPESSURA - BORDAS ***/