/* ======================================= */
/* VARIABLES */
/* ======================================= */
:root{
    --common: #282828;
    --light: #fff;
    --gray: #333;
    
    --gray-soft: #838383;
    --warning: #e81818;
    --warning-soft: #d4584d;
    --success: #009741;
    
    
    --primary: #4099e0;
    --dark-light: #a9a9a9;
    --gray-light: #c6c6c6;
    
    --font: "Manrope", Arial, sans-serif;
    --font-pt: "PT Serif", Arial, sans-serif;
    
    
    --black: #000;    
    
    --border: #e0e0e0;
}

/* ======================================= */
/* COMMON */
/* ======================================= */
.logo:active,
.head-button:active,
.nav-container a:active,
.footer-nav a:active{
    transform: translateY(1px);
}