body {
  --background:#f8f8f2;
  --foreground:#282a36;
  --bg-hf:#f8f8f2;
  --fore-hf:#282a36;
  --um: #44475a;
  --dois: #255fb0;
  --tres: #ffb86c;
  --quatro: #50fa7b;
  --cinco: #6272a4;
  --seis: #6704f1;
  --sete: #004177;
  --oito: #3880d2;
  --nove: #cccccc;
  --g0: #f5f5f5; 
  --g1: #eeeeee;
  --g2: #444444;
  --g3: #333333;
  --g4: #000000;
  /* Code highlight */
  --token-comment: #555555;
  --token-puntuaction: #000000;
  --token-property: #600ce8;
  --token-number: #032b2b;  
  --token-selector: #990000;  
  --token-operator: #000000;
  --token-function: #005500;  
  --token-keyword: #990000;
  --token-regex: #412804;
}

body.dark {
  --background: #282a36;
  --foreground: #f8f8f2;
  --bg-hf:#f8f8f2;
  --fore-hf:#282a36;
  --um: #b85555;
  --dois: #8be9fd;
  --tres: #ffb86c;
  --quatro: #50fa7b;
  --cinco: #6272a4;
  --seis: #bd93f9;
  --sete: #ff5555;
  --oito: #f1fa8c;
  --nove: #cccccc;
  --g0: #000000;
  --g1: #333333;
  --g2: #444444;
  --g3: #eeeeee;
  --g4: #f5f5f5;
  /* Code highlight */
  --token-comment: #cccccc;
  --token-puntuaction: #ffffdd;
  --token-property: #ff99ff;
  --token-number: #aeffff;  
  --token-selector: #a6e22e;  
  --token-operator: #ffffdd;
  --token-function: #e6db74;  
  --token-keyword: #66d9ef;
  --token-regex: #ffa71f;
}
.dark #header {background-color: #9a9a9a;}