:root{


/*=========================================
            COLORES PRINCIPALES
=========================================*/


--primary:#00C4FF;
--primary-hover:#1BD6FF;

--bg-primary:#0B1120;
--bg-secondary:#050A19;

--text-primary:#FFFFFF;
--text-secondary:#D1D5DB;
--text-dark:#333333;

--gold:#FFD700;

--card-bg:#FFFFFF;



/*=========================================
            SOMBRAS
=========================================*/


--shadow-blue:
0 0 20px rgba(0,196,255,.25),
0 0 40px rgba(0,196,255,.15);


--shadow-card:
0 10px 30px rgba(0,0,0,.35);



/*=========================================
            BORDES
=========================================*/


--radius:18px;



/*=========================================
            TRANSICIONES
=========================================*/


--transition:.35s ease;



/*=========================================
            HEADER
=========================================*/


--header-height:90px;


}