/*  este es el archivo de estilo GLOBAL del sitio */
/* Todo lo que pongas aqui afecta a TODAS las paginas */

/* Variables CSS custom - asi mantenemos colores consistentes en todo el sitio */
/* si cambias --bg, cambia el fondo de todo el sitio automaticamente */
:root {
    --bg: #2b2b2b;
    --panel: #363636;
    --panel2: #414141;

    --white: #ffffff;
    --text: #f0f0f0;

    --radius: 14px;

    --transition: .2s ease;
}

/* Reset basico: quitamos margenes y paddings que el navegador pone por defecto */
/* box-sizing: border-box hace que padding no agrande los elementos */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    background: var(--bg);

    color: var(--text);

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 1.6;

}

/* Los links heredan el color del texto y no tienen subrayado */
a {

    color: inherit;

    text-decoration: none;

}

/* Las imagenes no se desbordan y se comportan como bloque */
img {

    display: block;

    max-width: 100%;

}

button {

    cursor: pointer;

    /* usa la variable --transition para que todos los botones tengan la misma velocidad de animacion */
    transition: var(--transition);

}

input,
select,
button {

    font-size: 15px;

}