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

:root {
    /*==========================
            Colors
    ==========================*/

    --primary: #2d248d;
    --primary-dark: #1d2c74;
    --success: #25D366;
    --white: #ffffff;
    --black: #222222;
    --text: #666666;
    --bg: #f5f7fb;
    --bg-light: #f8f9fc;
    --border: #eeeeee;
    /*==========================
            Radius
    ==========================*/

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    /*==========================
            Shadow
    ==========================*/

    --shadow-sm: 0 8px 20px rgba(0,0,0,.06);
    --shadow-md: 0 10px 30px rgba(0,0,0,.08);
    --shadow-lg: 0 20px 50px rgba(0,0,0,.12);
    /*==========================
            Animation
    ==========================*/

    --transition: .35s;
}