// Cores variáveis 

$cor-primaria: #2C006A !default;
$cor-secundaria: #0bc0d3 !default;
$cor-terciaria: #190342 !default;

:root {
  --cor-primaria: #{$cor-primaria};
  --cor-secundaria: #{$cor-secundaria};
  --cor-terciaria: #{$cor-terciaria};
}

// ATENÇÃO! Não utilize essas variáveis fora deste arquivo

$vermelho: #F10B0B !default;
$azul: #0363E7 !default;
$verde: #08A30E !default;
$laranja: #F68500 !default;

// Cores de mensagens

$cor-sucesso: $verde;
$cor-erro: $vermelho;
$cor-atencao: $laranja;
$cor-info: $azul;

:root {
  --cor-sucesso: #{$cor-sucesso};
  --cor-erro: #{$cor-erro};
  --cor-atencao: #{$cor-atencao};
  --cor-info: #{$cor-info};  
}

// Cores de mensagens invertidas

$cor-sucesso-invertido: inverterCor($cor-sucesso);
$cor-erro-invertido: inverterCor($cor-erro);
$cor-atencao-invertido: inverterCor($cor-atencao);
$cor-info-invertido: inverterCor($cor-info);

:root {
  --cor-sucesso-invertido: #{$cor-sucesso-invertido};
  --cor-erro-invertido: #{$cor-erro-invertido};
  --cor-atencao-invertido: #{$cor-atencao-invertido};
  --cor-info-invertido: #{$cor-info-invertido};
}

// Cores de texto

$cor-texto-alerta: $vermelho;

:root {
  --cor-texto-alerta: #{$cor-texto-alerta};
}

// Cores invertidas

$cor-primaria-invertida: inverterCor($cor-primaria);
$cor-secundaria-invertida: inverterCor($cor-secundaria);
$cor-terciaria-invertida: inverterCor($cor-terciaria);

:root {
  --cor-primaria-invertida: #{$cor-primaria-invertida};
  --cor-secundaria-invertida: #{$cor-secundaria-invertida};
  --cor-terciaria-invertida: #{$cor-terciaria-invertida};
}

// Tons de cinza

$cor-branca: #FFF !default;

$cor-preta: #000 !default;

$cor-cinza-90: #212121 !default;
$cor-cinza-80: #424242 !default;
$cor-cinza-70: #616161 !default;
$cor-cinza-60: #757575 !default;
$cor-cinza-50: #9E9E9E !default;

$cor-cinza-40: #BDBDBD !default;
$cor-cinza-30: #E0E0E0 !default;
$cor-cinza-20: #EEE !default;
$cor-cinza-10: #F1F1F1 !default;
$cor-cinza-05: #FAFAFA !default;

:root {
  --cor-branca: #{$cor-branca};

  --cor-preta: #{$cor-preta};
  
  --cor-cinza-90: #{$cor-cinza-90};
  --cor-cinza-80: #{$cor-cinza-80};
  --cor-cinza-70: #{$cor-cinza-70};
  --cor-cinza-60: #{$cor-cinza-60};
  --cor-cinza-50: #{$cor-cinza-50};
  
  --cor-cinza-40: #{$cor-cinza-40};
  --cor-cinza-30: #{$cor-cinza-30};
  --cor-cinza-20: #{$cor-cinza-20};
  --cor-cinza-10: #{$cor-cinza-10};
  --cor-cinza-05: #{$cor-cinza-05};  
}

// Tons de cinza invertido

$cor-cinza-90-invertido: inverterCor($cor-cinza-90);
$cor-cinza-80-invertido: inverterCor($cor-cinza-80);
$cor-cinza-70-invertido: inverterCor($cor-cinza-70);
$cor-cinza-60-invertido: inverterCor($cor-cinza-60);
$cor-cinza-50-invertido: inverterCor($cor-cinza-50);

$cor-cinza-40-invertido: inverterCor($cor-cinza-40);
$cor-cinza-30-invertido: inverterCor($cor-cinza-30);
$cor-cinza-20-invertido: inverterCor($cor-cinza-20);
$cor-cinza-10-invertido: inverterCor($cor-cinza-10);
$cor-cinza-05-invertido: inverterCor($cor-cinza-05);

:root {
  --cor-cinza-90-invertido: #{$cor-cinza-90-invertido};
  --cor-cinza-80-invertido: #{$cor-cinza-80-invertido};
  --cor-cinza-70-invertido: #{$cor-cinza-70-invertido};
  --cor-cinza-60-invertido: #{$cor-cinza-60-invertido};
  --cor-cinza-50-invertido: #{$cor-cinza-50-invertido};

  --cor-cinza-40-invertido: #{$cor-cinza-40-invertido};
  --cor-cinza-30-invertido: #{$cor-cinza-30-invertido};
  --cor-cinza-20-invertido: #{$cor-cinza-20-invertido};
  --cor-cinza-10-invertido: #{$cor-cinza-10-invertido};
  --cor-cinza-05-invertido: #{$cor-cinza-05-invertido};
}

$cores: (
  "cor-branca": ($cor-branca, $cor-preta), 
  "cor-preta": ($cor-preta, $cor-branca), 
  "cor-cinza-05": ($cor-cinza-05, $cor-cinza-05-invertido), 
  "cor-cinza-10": ($cor-cinza-10, $cor-cinza-10-invertido), 
  "cor-cinza-20": ($cor-cinza-20, $cor-cinza-20-invertido), 
  "cor-cinza-30": ($cor-cinza-30, $cor-cinza-30-invertido), 
  "cor-cinza-40": ($cor-cinza-40, $cor-cinza-40-invertido), 
  "cor-cinza-50": ($cor-cinza-50, $cor-cinza-50-invertido), 
  "cor-cinza-60": ($cor-cinza-60, $cor-cinza-60-invertido), 
  "cor-cinza-70": ($cor-cinza-70, $cor-cinza-70-invertido), 
  "cor-cinza-80": ($cor-cinza-80, $cor-cinza-80-invertido), 
  "cor-cinza-90": ($cor-cinza-90, $cor-cinza-90-invertido), 
  "cor-primaria": ($cor-primaria, $cor-primaria-invertida), 
  "cor-secundaria": ($cor-secundaria, $cor-secundaria-invertida), 
  "cor-terciaria": ($cor-terciaria, $cor-terciaria-invertida), 
  "cor-info": ($cor-info, $cor-info-invertido), 
  "cor-sucesso": ($cor-sucesso, $cor-sucesso-invertido), 
  "cor-atencao": ($cor-atencao, $cor-atencao-invertido), 
  "cor-erro": ($cor-erro, $cor-erro-invertido)
) !default;

// Cores dos botões

$cor-botao-acao: $azul;
$cor-botao-acao-invertida: inverterCor($cor-botao-acao);

:root {
  --cor-botao-acao: #{$cor-botao-acao};
  --cor-botao-acao-invertida: #{$cor-botao-acao-invertida};
}

$cores-dos-botoes: (
  "cor-branca": ($cor-branca, $cor-preta), 
  "cor-cinza": ($cor-cinza-70, $cor-cinza-70-invertido), 
  "cor-primaria": ($cor-primaria, $cor-primaria-invertida), 
  "cor-secundaria": ($cor-secundaria, $cor-secundaria-invertida), 
  "cor-terciaria": ($cor-terciaria, $cor-terciaria-invertida), 
  "cor-info": ($cor-info, $cor-info-invertido), 
  "cor-sucesso": ($cor-sucesso, $cor-sucesso-invertido), 
  "cor-atencao": ($cor-atencao, $cor-atencao-invertido), 
  "cor-perigo": ($cor-erro, $cor-erro-invertido), 
  //Cores legadas
  "branca": ($cor-branca, $cor-preta), 
  "cinza": ($cor-cinza-70, $cor-cinza-70-invertido), 
  "primaria": ($cor-primaria, $cor-primaria-invertida), 
  "secundaria": ($cor-secundaria, $cor-secundaria-invertida), 
  "terciaria": ($cor-terciaria, $cor-terciaria-invertida), 
  "info": ($cor-info, $cor-info-invertido), 
  "sucesso": ($cor-sucesso, $cor-sucesso-invertido), 
  "atencao": ($cor-atencao, $cor-atencao-invertido), 
  "alerta": ($cor-erro, $cor-erro-invertido), 
  "erro": ($cor-erro, $cor-erro-invertido)
) !default;