// VARIAVEIS DINAMICAS

// Cores
@CorPrimaria: var(--cor-primaria);
@CorSecundaria: var(--cor-secundaria);
@CorTerciaria: var(--cor-terciaria);
@CorBackground: var(--cor-background);
@CorHeader: var(--cor-header);
@CorMenu: var(--cor-menu);
@CorFonteMenu: var(--cor-fonte-menu);
@CorFooter: var(--cor-footer);
@CorLoadingBarSpinner: var(--cor-loading-bar);
@CorVermelha: var(--cor-vermelha);
@CorVerde: var(--cor-verde);
@CorAmarela: var(--cor-amarela);
@CorBackgroundCard: var(--cor-background-card);
@CorHeaderCard: var(--cor-header-card);
@CorListGroupActive: var(--cor-list-group-active);
@CorRentabilidadePrevista: var(--cor-rentabilidade-prevista);
@CorDanger: var(--cor-danger);
@CorDangerTexto: var(--cor-danger-texto);
@CorPreto: var(--cor-preto);
@CorCinzaDarkest: var(--cor-cinza-darkest);
@CorCinzaDarker: var(--cor-cinza-darker);
@CorCinzaDark: var(--cor-cinza-dark);
@CorCinza: var(--cor-cinza);
@CorCinzaLight: var(--cor-cinza-light);
@CorCinzaLighter: var(--cor-cinza-lighter);
@CorCinzaLightest: var(--cor-cinza-lightest);
@CorCinzaV2: var(--cor-cinza-v2);
@CorCinzaV3: var(--cor-cinza-v3);
@CorCinzaV4: var(--cor-cinza-v4);

// Fontes
@CorFontePrimaria: var(--cor-font-primaria);
@FontFamilyFacePrimaria: var(--fontFamily-primaria);
@FontFamilyFacePrimariaBold: var(--fontFamily-primaria-bold);
@FontFacePrimariaSrc: var(--fontFacePrimariaSrc);
@FontFacePrimariaBoldSrc: var(--fontFacePrimariaBoldSrc);
@CorLink: var(--cor-link);
@CorTextoTooltip: var(--cor-texto-tooltip);
@CorFonteBotao: var(--cor-fonte-botao);
@CorTextoErro: var(--cor-texto-erro);
@CorTextoLabel: var(--cor-texto-label);
@BodyFontSize: var(--body-font-size);



// MediaQuery Breakpoints
@BreakXs: var(--break-xs);
@BreakSm: var(--break-sm);
@BreakMd: var(--break-md);
@BreakLg: var(--break-lg);
@BreakXl: var(--break-xl);
@BreakUl: var(--break-ul);
@BreakMenu: var(--break-menu);
// layout
@AlturaHeader: var(--altura-header);
@AlturaHeaderExpandido: var(--altura-header-expandido);
@AlturaFooter: var(--altura-footer);
@LarguraBordaHeader: var(--largura-borda-header);
@LarguraMenuLateral: var(--largura-sidebar);
@ZindexHeader: var(--z-index-header);
@ZindexSidebar: var(--z-index-sidebar);
@ZindexSidebarOverlay: var(--z-index-sidebar-overlay);
@LarguraMenuMinimizado: var(--largura-menu-minimizado);
@AlturaAbaSeletorPlano: var(--altura-aba-seletor-plano);

@CoresGraficoPesquisa: var(--cores-grafico-pesquisa);
@CorChartCursor: var(--cor-chart-cursor);

// Simulador
@CorSimuladorBackground: var(--cor-simulador-background);
@CorSimuladorSecundaria: var(--cor-simulador-secundaria);
@CorSimuladorComplementar: var(--cor-simulador-complementar);



// IMPORTACAO DE CSSs
@import url("/content/css/simulador/less/base.less");
@import url("/angular-app/assets/css/site/modules/buttons.less");