:root {
    
    --text: #000;
    --background: #FFF;
    --link: #98c16e;
    --link-hover: #74994a;

    --blue: #3478b3;
    --indigo: #6610f2;
    --purple: #9f5c98;
    --pink: #e83e8c;
    --red: #db5c53;
    --orange: #e99a5a;
    --yellow: #f9ee72;
    --green: #98c16e;
    --teal: #20c997;
    --cyan: #17a2b8;

    --white: #FFF;
    --black: #000;

    --light: #EFF6F9;
    --light-hover: #e0e0e0;
    --gray: #CCC;
    --gray-hover: #b7b7b7;
    --gray-dark: #494949;
    --gray-dark-hover: #363636;
    --dark: #262626;
    --dark-hover: #0d0d0d;

    --primary: #3478b3;
    --primary-hover: #215f8e;
    --primary-light: #66aadd;
    --secondary: #98c16e;
    --secondary-hover: #74994a;
    --secondary-light: #c7e2a8;
    --success: #98c16e;
    --success-hover: #74994a;
    --success-light: #c7e2a8;
    --info: #3478b3;
    --info-hover: #168192;
    --info-light: #66aadd;
    --warning: #e99a5a;
    --warning-hover: #c9793d;
    --warning-light: #f7c6a1;
    --danger: #db5c53;
    --danger-hover: #af312e;
    --danger-light: #f49a98;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: 'Lato', sans-serif;
    --font-family-serif: 'Crimson Pro', serif;

    --container: 1300px;
    --spacer: 30px;
    --letter-spacing: 0rem;
    --radius: 2px;
    --radius-rounded: 60px;
    --text-transform: uppercase;
    --box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    
}