: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: #ffffff;

  --color-n-50: #ffffff;
--color-n-100: #ffffff;
--color-n-200: #f8f8f8;
--color-n-300: #e1e1e1;
--color-n-400: #c7c7c7;
--color-n-500: #a6a6a6;
--color-n-600: #8f8f8f;
--color-n-700: #6f6f6f;
--color-n-800: #606060;
--color-n-900: #525252;
--color-n-950: #353535;
--color-n-1000: #222222;

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