/* ==========================================================
   variables.css
========================================================== */

:root{

    --bg:#050816;

    --bg2:#0b1022;

    --card:rgba(255,255,255,.05);

    --glass:rgba(255,255,255,.06);

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

    --primary:#5B8CFF;

    --primary-light:#79A6FF;

    --secondary:#6EE7FF;

    --text:#FFFFFF;

    --sub:#A8B3CF;

    --shadow:0 20px 60px rgba(0,0,0,.35);

    --radius:28px;

    --container:1200px;

    --header-height:84px;

    --transition:.35s ease;

}