:root {
  --color-p: #8d0ecb;
  --color-p-50: #cfb9e2;
--color-p-100: #c9b3dc;
--color-p-200: #c59ce6;
--color-p-300: #bc74f0;
--color-p-400: #b03bf5;
--color-p-500: #8d0ecb;
--color-p-600: #7109a3;
--color-p-700: #510080;
--color-p-800: #3d005f;
--color-p-900: #300050;
--color-p-950: #0f0022;
--color-p-1000: #02000d;

  --color-s: #f27924;
  --color-s-50: #fff7e6;
--color-s-100: #fff7e5;
--color-s-200: #ffe3c3;
--color-s-300: #ffc18b;
--color-s-400: #ff9844;
--color-s-500: #f27924;
--color-s-600: #cd6a28;
--color-s-700: #a84800;
--color-s-800: #8b4414;
--color-s-900: #7b3600;
--color-s-950: #4e2203;
--color-s-1000: #370d00;

  --color-n-50: #d5bdb1;
--color-n-100: #cfb6ab;
--color-n-200: #cfa591;
--color-n-300: #cb8765;
--color-n-400: #c16432;
--color-n-500: #9c4713;
--color-n-600: #7d370d;
--color-n-700: #5b1800;
--color-n-800: #441400;
--color-n-900: #360600;
--color-n-950: #120000;
--color-n-1000: #020000;

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