:root {
    --brand-blue: #2B57A4;
    --brand-white: #FBFDFF;
    --brand-black: #00040B;
    --white: #FFFFFF;
    --black: #000308;
    --light-blue-1: #E1E3E6;
    --light-blue-2: #BBCAE3;
    --special-blue: #075EF7;
    --special-red: #FF0000;


    --blue-000: #F9FBFE;
    --blue-050: #E4EBF5;
    --blue-100: #D0DAEC;
    --blue-150: #BBCAE3;
    --blue-200: #A7B9DA;
    --blue-300: #7D99C8;
    --blue-400: #5478B6;
    --blue-500: #2B57A4;
    --blue-600: #224683;
    --blue-700: #1A3462;
    --blue-800: #112342;
    --blue-850: #0D1A31;
    --blue-900: #091121;
    --blue-950: #040910;
    --blue-1000: #000308;
    
    --grey-000: #FCFCFC;
    --grey-050: #F3F4F5;
    --grey-100: #EAEBED;
    --grey-150: #E1E3E6;
    --grey-200: #D8DADF;
    --grey-300: #C6CAD0;
    --grey-400: #B4B9C2;
    --grey-500: #A2A8B3;
    --grey-600: #9298A3;
    --grey-700: #818793;
    --grey-800: #717782;
    --grey-850: #696F7A;
    --grey-900: #606672;
    --grey-950: #585E6A;
    --grey-1000: #505662;      
      
}

a { color: inherit; text-decoration: none; }
a:hover { color: inherit; }

.semibold { font-weight: 500; }
.full-width { display: block; width: 100%; height: auto; }

.blue-000 { color: var(--blue-000); }
.blue-050 { color: var(--blue-050); }
.blue-100 { color: var(--blue-100); }
.blue-150 { color: var(--blue-150); }
.blue-200 { color: var(--blue-200); }
.blue-300 { color: var(--blue-300); }
.blue-400 { color: var(--blue-400); }
.blue-500 { color: var(--blue-500); }
.blue-600 { color: var(--blue-600); }
.blue-700 { color: var(--blue-700); }
.blue-800 { color: var(--blue-800); }
.blue-850 { color: var(--blue-850); }
.blue-900 { color: var(--blue-900); }
.blue-950 { color: var(--blue-950); }
.blue-1000 { color: var(--blue-1000); }
.special-blue { color: var(--special-blue); }

.grey-000 { color: var(--grey-000); }
.grey-050 { color: var(--grey-050); }
.grey-100 { color: var(--grey-100); }
.grey-150 { color: var(--grey-150); }
.grey-200 { color: var(--grey-200); }
.grey-300 { color: var(--grey-300); }
.grey-400 { color: var(--grey-400); }
.grey-500 { color: var(--grey-500); }
.grey-600 { color: var(--grey-600); }
.grey-700 { color: var(--grey-700); }
.grey-800 { color: var(--grey-800); }
.grey-850 { color: var(--grey-850); }
.grey-900 { color: var(--grey-900); }
.grey-950 { color: var(--grey-950); }
.grey-1000 { color: var(--grey-1000); }

.bg-blue-000 { background-color: var(--blue-000); }
.bg-blue-050 { background-color: var(--blue-050); }
.bg-blue-100 { background-color: var(--blue-100); }
.bg-blue-150 { background-color: var(--blue-150); }
.bg-blue-200 { background-color: var(--blue-200); }
.bg-blue-300 { background-color: var(--blue-300); }
.bg-blue-400 { background-color: var(--blue-400); }
.bg-blue-500 { background-color: var(--blue-500); }
.bg-blue-600 { background-color: var(--blue-600); }
.bg-blue-700 { background-color: var(--blue-700); }
.bg-blue-800 { background-color: var(--blue-800); }
.bg-blue-850 { background-color: var(--blue-850); }
.bg-blue-900 { background-color: var(--blue-900); }
.bg-blue-950 { background-color: var(--blue-950); }
.bg-blue-1000 { background-color: var(--blue-1000); }
.bg-special-blue { background-color: var(--special-blue); }

.bg-grey-000 { background-color: var(--grey-000); }
.bg-grey-050 { background-color: var(--grey-050); }
.bg-grey-100 { background-color: var(--grey-100); }
.bg-grey-150 { background-color: var(--grey-150); }
.bg-grey-200 { background-color: var(--grey-200); }
.bg-grey-300 { background-color: var(--grey-300); }
.bg-grey-400 { background-color: var(--grey-400); }
.bg-grey-500 { background-color: var(--grey-500); }
.bg-grey-600 { background-color: var(--grey-600); }
.bg-grey-700 { background-color: var(--grey-700); }
.bg-grey-800 { background-color: var(--grey-800); }
.bg-grey-850 { background-color: var(--grey-850); }
.bg-grey-900 { background-color: var(--grey-900); }
.bg-grey-950 { background-color: var(--grey-950); }
.bg-grey-1000 { background-color: var(--grey-1000); }