: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;}

/* Logotipo Central */
.logo-board{width:600px;height:120px;padding-top:20px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;}
.logo-board img{width:100%;height:100%;object-fit:contain;display:block;}
.logo-retro {width: 600px; height: 100px; margin: 0px auto; display: flex; align-items: center; justify-content: center;}
.logo-retro img {width: 100%; height: 100%; object-fit: contain; display: block;}