:root {
  --color-p: #9231db;
  --color-p-50: #d9c7f0;
--color-p-100: #d3c0ea;
--color-p-200: #cdabf5;
--color-p-300: #c285ff;
--color-p-400: #b453ff;
--color-p-500: #9231db;
--color-p-600: #7628b2;
--color-p-700: #57008e;
--color-p-800: #43036c;
--color-p-900: #36005d;
--color-p-950: #16002d;
--color-p-1000: #060018;

  --color-s: #000000;
  --color-s-50: #313131;
--color-s-100: #2c2c2c;
--color-s-200: #232323;
--color-s-300: #131313;
--color-s-400: #040404;
--color-s-500: #000000;
--color-s-600: #000000;
--color-s-700: #000000;
--color-s-800: #000000;
--color-s-900: #000000;
--color-s-950: #000000;
--color-s-1000: #000000;

  --color-n-50: #aaa3b5;
--color-n-100: #a49dae;
--color-n-200: #9a8ead;
--color-n-300: #8974a6;
--color-n-400: #75569c;
--color-n-500: #573a79;
--color-n-600: #41295c;
--color-n-700: #250c3d;
--color-n-800: #170629;
--color-n-900: #0d001c;
--color-n-950: #000002;
--color-n-1000: #000001;

  --color-b-100: #ffea29;
--color-b-200: #f7e214;
--color-b-300: #f3de01;
--color-b-400: #efda00;
}