:root {
  --color-p: #fb1bae;
  --color-p-50: #ffe5ff;
--color-p-100: #ffdff8;
--color-p-200: #ffc2f1;
--color-p-300: #ff8fe3;
--color-p-400: #ff46d1;
--color-p-500: #fb1bae;
--color-p-600: #d32293;
--color-p-700: #ac0072;
--color-p-800: #8b075f;
--color-p-900: #7b0051;
--color-p-950: #4a002f;
--color-p-1000: #32001c;

  --color-s: #370174;
  --color-s-50: #85809b;
--color-s-100: #7f7a95;
--color-s-200: #756a99;
--color-s-300: #634e9c;
--color-s-400: #522899;
--color-s-500: #370174;
--color-s-600: #240053;
--color-s-700: #0f0033;
--color-s-800: #05001a;
--color-s-900: #02000d;
--color-s-950: #000003;
--color-s-1000: #000003;
  --color-s-on: #fdfdfd;

  --color-n-50: #fdfdfd;
--color-n-100: #f7f7f7;
--color-n-200: #e9e9e9;
--color-n-300: #d2d2d2;
--color-n-400: #b9b9b9;
--color-n-500: #989898;
--color-n-600: #818181;
--color-n-700: #626262;
--color-n-800: #545454;
--color-n-900: #464646;
--color-n-950: #2a2a2a;
--color-n-1000: #171717;

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