:root{
    /* COLORS  */
    --dark-blue:#0E1A38;
    /* --light-blue:#9196ff; */
    --light-blue:#6269FF;
    /* --light-blue-bp: #9196ff; */
    --light-blue-bp: #6269FF;
    --lighter-blue:rgba(175, 200, 255,.6);

    --green: #8FD298;
    --green-light: rgba(143, 210, 152,.7);
    --yellow: #FFE461;
    --orange: #EE7203;

    --deepdark: #1F313D;
    --dark-grey:#8A8C8C;
    --light-grey:#F5F1EC;

    /* Status Color  */
    --status-accepted: #77BB80;
    --status-accepted-light: rgba(119, 187, 128,.3);

    --status-pending: #EE7203;
    --status-pending-light: rgba(237, 112, 3,.3);

    --status-declined: red;
    --status-declined-light: rgba(255, 0, 0,.3);

    /* RADIUS  */

    --tiny-radius: 4px;
    --small-radius: 8px;
    --radius:12px;
    --big-radius:20px;
    --huge-radius: 100px;
    
    /* LAYOUT SIZES */
    
    --gutter-mobile: 1rem;
    --max-width: 1280px;
    --max-width-big: 1440px;
    --nav-height: 70px;
    --nav-height-mobile: 54px;
    --footer-height:105px;
}