:root {
    --blue: #7267EF;
    --blue-darken-1:  #5b52bf;
    --blue-darken-2:  #443e8f;
    --blue-darken-3:  #2e2960;
    --blue-darken-4:  #171530;
    --blue-lighten-1:  #8e85f2;
    --blue-lighten-2:  #aaa4f5;
    --blue-lighten-3:  #c7c2f9;
    --blue-lighten-4:  #e3e1fc;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --danger: #c74444;
    --danger-darken-1: #ac3636;
    --danger-darken-2: #742727;
    --danger-darken-3: #4c1919;
    --danger-darken-4: #2f0f0f;
    --danger-lighten-1: #fbdbdb;
    --danger-lighten-2: #f7b8b8;
    --danger-lighten-3: #f29494;
    --danger-lighten-4: #ee7171;
    --amber: #fd7e14;
    --amber-darken-1: #ca6510;
    --amber-darken-2: #984c0c;
    --amber-darken-3: #653208;
    --amber-darken-4: #331904;
    --amber-lighten-1: #fd9843;
    --amber-lighten-2: #feb272;
    --amber-lighten-3: #fecba1;
    --amber-lighten-4: #ffe5d0;
    --yellow: #ffa21d;
    --green: #17C666;
    --teal: #20c997;
    --teal-darken-1: #1aa179;
    --teal-darken-2: #13795b;
    --teal-darken-3: #0d503c;
    --teal-darken-4: #06281e;
    --teal-lighten-1: #4dd4ac;
    --teal-lighten-2: #79dfc1;
    --teal-lighten-3: #a6e9d5;
    --teal-lighten-4: #d2f4ea;
    --cyan: #3ec9d6;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-light: #9b9ea2;
    --primary: #6610f2;
    --primary-darken-1: #520dc2;
    --primary-darken-2: #3d0a91;
    --primary-darken-3: #290661;
    --primary-darken-4: #140330;
    --primary-lighten-1: #8540f5;
    --primary-lighten-2: #a370f7;
    --primary-lighten-3: #c29ffa;
    --primary-lighten-4: #e0cffc;
    --secondary: #6c757d;
    --secondary-light: #b6bcc5;
    --secondary-darken-1: #212529;
    --secondary-darken-2: #343a40;
    --secondary-darken-3: #495057;
    --secondary-darken-4: #6c757d;
    --secondary-lighten-1: #ced4da;
    --secondary-lighten-2: #dee2e6;
    --secondary-lighten-3: #e9ecef;
    --secondary-lighten-4: #f8f9fa;
    --success: #17C666;
    --success-darken-1: #129e52;
    --success-darken-2: #0e773d;
    --success-darken-3: #094f29;
    --success-darken-4: #052814;
    --success-lighten-1: #45d185;
    --success-lighten-2: #74dda3;
    --success-lighten-3: #a2e8c2;
    --success-lighten-4: #d1f4e0;
    --info: #3ec9d6;
    --warning: #ffa21d;
    --light: #f8f9fa;
    --dark: #1c232f;
    --black: #161c25;
    --black-background: #0c1015;
    --black-input: #242d3c;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: "Quicksand", Georgia, "Times New Roman", Times, serif;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

}