/*==================================================
ARPIVA DESIGN SYSTEM
==================================================*/

/* COLORS */

:root{

    --primary:#2F80ED;
    --primary-dark:#1C63D5;

    --secondary:#FF8C00;
    --secondary-light:#FFA726;

    --heading:#0F172A;
    --text:#64748B;

    --white:#FFFFFF;

    --bg:#F8FBFF;

    --border:#E5EDF8;

}

/* TYPOGRAPHY */

:root{

    --font:'Poppins',sans-serif;

    --h1:64px;

    --h2:48px;

    --h3:32px;

    --body:17px;

}

/* SHADOW */

:root{

    --shadow-sm:0 5px 20px rgba(0,0,0,.05);

    --shadow-md:0 12px 35px rgba(0,0,0,.08);

    --shadow-lg:0 18px 60px rgba(0,0,0,.12);

}

/* RADIUS */

:root{

    --radius:14px;

}

/* TRANSITION */

:root{

    --transition:.35s ease;

}

/* CONTAINER */

:root{

    --container:1400px;

}