/*======================================
VARIABLES
======================================*/

:root{

    /* Colores */

    --primary:#1AA8FF;
    --secondary:#FF6B00;

    --background:#040817;
    --background-light:#091124;

    --card:#0C1428;

    --white:#FFFFFF;

    --text:#D8E1F0;
    --gray:#8D99AE;

    --border:rgba(255,255,255,.08);

    /* Layout */

    --container:1380px;

    --radius:22px;

    /* Animaciones */

    --transition:.30s;

    /* Sombras */

    --shadow:0 15px 45px rgba(0,0,0,.35);

}