:root {
  --color-p: #ec008c;
  --color-p-50: #ffd7ea;
--color-p-100: #ffd1e3;
--color-p-200: #ffb5d8;
--color-p-300: #ff83c4;
--color-p-400: #ff39ad;
--color-p-500: #ec008c;
--color-p-600: #c41175;
--color-p-700: #9d0055;
--color-p-800: #7d0047;
--color-p-900: #6d0039;
--color-p-950: #3d001d;
--color-p-1000: #25000b;

  --color-s: #b10068;
  --color-s-50: #ddb4c3;
--color-s-100: #d7aebd;
--color-s-200: #dd96b1;
--color-s-300: #df6c9d;
--color-s-400: #da3187;
--color-s-500: #b10068;
--color-s-600: #8e0052;
--color-s-700: #690035;
--color-s-800: #4e0028;
--color-s-900: #3f001c;
--color-s-950: #160004;
--color-s-1000: #020000;
  --color-s-on: #8b8b8b;

  --color-n-50: #8b8b8b;
--color-n-100: #858585;
--color-n-200: #797979;
--color-n-300: #656565;
--color-n-400: #4f4f4f;
--color-n-500: #333333;
--color-n-600: #212121;
--color-n-700: #080808;
--color-n-800: #020202;
--color-n-900: #000000;
--color-n-950: #000000;
--color-n-1000: #000000;

  --color-b-100: #ffffff;
--color-b-200: #f7f7f7;
--color-b-300: #f3f3f3;
--color-b-400: #efefef;
}