:root {
  --color-primary-50: #c7f5ff;
  --color-primary-100: #bae8ff;
  --color-primary-200: #aad7ff;
  --color-primary-300: #94c0ff;
  --color-primary-400: #589cff;
  --color-primary-500: #3b7bff;
  --color-primary-600: #2361e9;
  --color-primary-700: #0543ca;
  --color-primary-800: #0021ab;
  --color-primary-900: #000d78;
  --color-primary-950: #04005c;


  --color-secondary-50: #ddedff;
  --color-secondary-100: #d0dfff;
  --color-secondary-200: #c0cfff;
  --color-secondary-300: #abb8ff;
  --color-secondary-400: #858dff;
  --color-secondary-500: #6a6cff;
  --color-secondary-600: #5650ef;
  --color-secondary-700: #422fd0;
  --color-secondary-800: #3100b1;
  --color-secondary-900: #1f007c;
  --color-secondary-950: #150060;

}

body {
  font-family: 'Roboto', san-serif;
  background-color: #000000!important;
}