:root {
  /*### THEMES COLOR SETTINGS HLS ###*/
  
  /*USE THIS TO TEST HOW TO CONVERT*/
  --test:#2a4d6f;
  --test:#39ac99;
  --test:#61d1bb;
  --test:#f7f5f3;

  /* Main Color Settings */
  --mn-col1: 210; /* Tonality  */
  --mn-col2: 45%; /* Saturation */
  --mn-col3: 30%; /* Brigthness */

  --sec-col1: 170;
  --sec-col2: 50%;
  --sec-col3: 45%;

  --th-col1: 168;
  --th-col2: 55%;
  --th-col3: 60%;
  
  --bg-col1: 40; 
  --bg-col2: 20%;
  --bg-col3: 96%;

  /*#### GENERATING COLORS ####*/
  --main-col: hsl(var(--mn-col1), var(--mn-col2), var(--mn-col3));
  --second-col: hsl(var(--sec-col1), var(--sec-col2), var(--sec-col3));
  --third-col: hsl(var(--th-col1), var(--th-col2), var(--th-col3));
  --bg-col: hsl(var(--bg-col1), var(--bg-col2), var(--bg-col3));

  /*#### DINAMICALLY GENERATED COLORS ####*/
  --fourth-col: hsl(
    var(--th-col1),                   
    calc(var(--th-col2) + 20%),        
    calc(var(--th-col3) + 10%)        
  );

  --p-color: hsl(
    var(--mn-col1),                   
    calc(var(--mn-col2) - 0%),                  
    calc(var(--mn-col3) + 2%) 
  );

  --below-footer: hsl(
    var(--mn-col1),                   
    calc(var(--mn-col2) - 0%),                  
    calc(var(--mn-col3) - 3%) 
  );

 /*### CONFIG OPTIONS ###*/
  /*Default Font Size*/
  --def-html-fontsize: 16px;
  /*Fontname*/
  --font: ubuntu, sans-serif;

  /* ### DEFAULT VARIABLES ###*/
  /*Side Padding*/
  --side-padding: 10%;
  
}