:root {
  --color-p: #e323bc;
  --color-p-50: #ffddfc;
--color-p-100: #ffd6f5;
--color-p-200: #ffbbf3;
--color-p-300: #ff8bec;
--color-p-400: #ff49e1;
--color-p-500: #e323bc;
--color-p-600: #bd249d;
--color-p-700: #98007b;
--color-p-800: #7a0664;
--color-p-900: #6a0055;
--color-p-950: #3d0030;
--color-p-1000: #26001c;

  --color-s: #db81db;
  --color-s-50: #fff6ff;
--color-s-100: #fff6ff;
--color-s-200: #ffeaff;
--color-s-300: #ffc7ff;
--color-s-400: #ffa0ff;
--color-s-500: #db81db;
--color-s-600: #bb71bb;
--color-s-700: #985098;
--color-s-800: #804b80;
--color-s-900: #713d71;
--color-s-950: #4a284a;
--color-s-1000: #341434;

  --color-n-50: #fffbff;
--color-n-100: #fffbff;
--color-n-200: #fff8ff;
--color-n-300: #fff3ff;
--color-n-400: #ffe4ff;
--color-n-500: #ecc3f0;
--color-n-600: #d0aed3;
--color-n-700: #ad8cb0;
--color-n-800: #99809b;
--color-n-900: #89718c;
--color-n-950: #655566;
--color-n-1000: #4f3f50;

  --color-b-100: #e8e8e8;
--color-b-200: #e0e0e0;
--color-b-300: #dcdcdc;
--color-b-400: #d9d9d9;
}