:root {
	--bg-color-reverse: #000000;
    --bg-color: #cdc4c4;
	--font-color-reverse: #ffffff;
    --font-color: #000000;
    --botaoloja:#0B1E69;
    --botaoperfil:#EA3E23;
    --botaocarrinho:#020969;
	--tabela: #adadad;
	--detalheartigo: #948888;
    --login: #EA3E23;
    --registo: #0B1E69;
    --mode-stuff:#EA3E23;
    --mode-stuff-reverse:#0B1E69;
    --hover: #9d9c9c;
    --input-n-button:#c3c0c0;
}

[data-theme="dark"] {
	--bg-color-reverse: #cdc4c4;
    --bg-color: #000000;
    --font-color: #ffffff;
	--font-color-reverse: #000000;
    --botaoloja:#0B1E69;
    --botaoperfil:#EA3E23;
    --botaocarrinho:#020969;
	--tabela: #464a47;
	--detalheartigo: #2b2b2b;
    --login: #0B1E69;
    --registo: #EA3E23;
    --mode-stuff:#0B1E69;
    --mode-stuff-reverse:#EA3E23;
    --hover: #5c5c5c;
    --input-n-button:#3c3939;
}

@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

/* width */
::-webkit-scrollbar {
    width: 1px;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
  /* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

*:not(pre) {
    font-family: Poppins-Regular;
}

body {
  background-color: var(--bg-color);
  color: var(--font-color);
}

a, input[type=submit], button, input[type=button] {
	text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover, input[type=submit]:hover, button:hover, input[type=button]:hover {
    cursor: pointer;
    background-color: var(--hover);
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], input[type=file], textarea {
    font-size: 16px;
    width: 100%;
    border: 1px solid var(--font-color);
    background-color: var(--input-n-button);
    color: var(--font-color);
}   

h1, p, h2, span, div, label, td, tr, li, strong, ul, b, a, h3, h4, h5, h6 {
	color: var(--font-color);
}

.botaoloja{
    background-color:var(--botaoloja);
    font-weight: bold;
}
.botaoperfil{
    background-color: var(--botaoperfil);
    font-weight: bold;
}
.botaocarrinho{
    background-color: var(--botaocarrinho);
    font-weight: bold;
}

.dropdown-check-list ul.items li:hover {
    background-color: var(--bg-color);
    color: var(--font-color);
}

.filtro{
    background-color: var(--bg-color-reverse);
    color: var(--font-color-reverse);
    cursor: pointer;
}

.filtro:active {
    background-color: var(--bg-color-reverse);
    color: var(--font-color-reverse);
    cursor: pointer;
}
.filtro:hover {
    background-color: var(--bg-color);
    color: var(--font-color-reverse);
    cursor: pointer;
}
.dropdown-check-list ul.items,.anchor {
    background-color:var(--bg-color);
}

hr{
    border-top: 1px solid var(--font-color);
}