@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");

:root {
  --colorPrincipal: #07cf03;
  --colorSecundario: #222;
  --colorTerciario: #222;
  --hover: #03ffa2;
  --colorTexto: #222;
  --colorTextoContrario: #fff;
  --colorTextoSecundario: #0e0d0d;
  --colorTextoAlternativos: #b7b0b0;
  --backgroundTema: #ffffff;
  --backgroundTabla: color-mix(in srgb, var(--colorPrincipal), transparent 95%);
  --backgroundTemaAlternativo: #f4f5f6;
}

.dark-mode {
  --colorPrincipal: #07cf03;
  --colorSecundario: #222;
  --colorTerciario: #222;
  --hover: #03ffa2;
  --colorTexto: #222;
  --colorTextoContrario: #fff;
  --colorTextoSecundario: #0e0d0d;
  --colorTextoAlternativos: #b7b0b0;
  --backgroundTema: #2b2525;
  --backgroundTabla: color-mix(in srgb, var(--colorPrincipal), transparent 95%);
  --backgroundTemaAlternativo: #313234;
}