:root{
/* Tamanho da Fonte - Root */ 
--font-family: "SN Pro", sans-serif;
--font-micro:12px;
--font-small:14px;
--font-medium:17px;
--font-large:20px;

/* Espessura da Fonte - Root */ 
--font-bold:700;
--font-normal:500;

/* Curvas e Espaços - Root */ 
--gap:5px;
--border-radius-small:5px;
--border-radius-medium:12px;
--border-radius-large:20px;

/* Cores - Root */
--gray:#afaeaf;
--lightblue:#00d2ff;
--black:#777777;
--darkblue:#0849c2;
--orange: #e48135;
--cyan:#3fd0a2;
--purple: #a646ea;
--yellow:#efb002;
--red:#da4242;
--green:#4fc14f;
--blue:#5aa3df;
--white:rgba(250,250,250,.90);

/* Cores de Fundos - Root */
--background:#121212;
--cell-darkpurple:#431968;
--cell-purple:#5e369bcc;
--cell-blue:#3e586e;
--cell-empty:rgba(255,255,255,.10);
--cell-gray:#3a3d46;
--cell-green:#0d5e3f;
--cell-yellow:#757411;
--cell-black:#272727;
--cell-red:#6f1120;

/* Cores de Painéis - Root */
--panel:rgba(42, 42, 42, 0.9);
--border:rgba(180, 180, 180, 0.10);
--panel-purple:rgba(131, 55, 185, 0.10);
--border-purple:solid rgba(166,70,234,.90);

/* Cores de Alertas - Root */
--warning:var(--red);
--ok:var(--green);

/* Cores de Sombras - Root */
--board-shadow:0 5px 5px rgba(50,50,50,.10);
--shadow:var(--board-shadow);
}

/* Remoção da Barra de Rolagem */
::-webkit-scrollbar{width:0;height:0;}