:root{

    /* ========= COLORS ========= */

    --bg:#071321;
    --bg-secondary:#0D1B2A;
    --surface:#122338;
    --surface-hover:#19304B;

    --primary:#1E88FF;
    --primary-hover:#4BA2FF;

    --accent:#E10600;

    --white:#FFFFFF;

    --text:#F4F7FA;
    --text-secondary:#A8B3C2;

    --border:#23374F;

    --success:#14C784;
    --warning:#F6B63E;

    /* ========= TYPOGRAPHY ========= */

    --font-heading:'Manrope',sans-serif;
    --font-body:'Inter',sans-serif;

    --h1:72px;
    --h2:54px;
    --h3:42px;
    --h4:30px;
    --h5:24px;

    --body:18px;
    --small:15px;

    /* ========= SPACING ========= */

    --radius:18px;

    --container:1280px;

    --section:140px;

    /* ========= ANIMATION ========= */

    --transition:.35s ease;

}