    :root {
    
    --text: #212521;
    --background: #FFF;
    --link: #F19611;
    --link-hover: #FCBF49;

    --blue: #0068BA;
    --indigo: #030303;
    --purple: #7676B7;
    --pink: #f72585;
    --red: #D62828;
    --orange: #F19611;
    --yellow: #FCBF49;
    --green: #55A630;
    --teal: #2ec4b6;
    --cyan: #0f8df1;

    --white: #FFFFFF;
    --black: #000000;

    --light: #EDF0F4;
    --light-hover: #D8DEE5;
    --gray: #D8DEE5;
    --gray-hover: #BCC5D0;
    --gray-dark: #5E646D;
    --gray-dark-hover: #3D4248;
    --dark: #3D4248;
    --dark-hover: #21252A;

    --primary: #F19611;
    --primary-hover: #FCBF49;
    --primary-light: #e9f2dd;
    --secondary: #0068BA;
    --secondary-hover: #0F8DF1;
    --secondary-light: #EEEEEE;
    --success: #55A630;
    --success-hover: #245501;
    --success-light: #E6EDE2;
    --info: #0068BA;
    --info-hover: #F19611;
    --info-light: #d6ecf2;
    --warning: #F19611;
    --warning-hover: #0068BA;
    --warning-light: #f2ecdf;
    --danger: #D62828;
    --danger-hover: #F19611;
    --danger-light: #f2dfdf;

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

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

    --container: 1300px;
    --spacer: 1.5rem;
    --font-weight-title: 700;
    --letter-spacing: 0rem;
    --radius: 12px;
    --radius-small: 8px;
    --radius-rounded: 3.75rem;
    --text-transform: inherit;
    --box-shadow:   0 3.4px 2.7px rgba(0, 0, 0, 0.016), 
                    0 8.7px 6.9px rgba(0, 0, 0, 0.022), 
                    0 17.7px 14.2px rgba(0, 0, 0, 0.028), 
                    0 36.5px 29.2px rgba(0, 0, 0, 0.034), 
                    0 100px 80px rgba(0, 0, 0, 0.05);
    --transition: all 350ms ease-in-out;
    
}