:root {
  --color-p: #ff0000;
  --color-p-50: #ffddd3;
--color-p-100: #ffd6cd;
--color-p-200: #ffbbac;
--color-p-300: #ff8975;
--color-p-400: #ff3d2e;
--color-p-500: #ff0000;
--color-p-600: #d5140d;
--color-p-700: #ad0000;
--color-p-800: #8a0000;
--color-p-900: #790000;
--color-p-950: #460000;
--color-p-1000: #2d0000;

  --color-s: #2a00ff;
  --color-s-50: #a2b5e8;
--color-s-100: #9cafe2;
--color-s-200: #809ffa;
--color-s-300: #577cff;
--color-s-400: #3941ff;
--color-s-500: #2a00ff;
--color-s-600: #1f00cc;
--color-s-700: #1c00a5;
--color-s-800: #100077;
--color-s-900: #110067;
--color-s-950: #07002c;
--color-s-1000: #040019;
  --color-s-on: #e9ffde;

  --color-n-50: #e9ffde;
--color-n-100: #e9ffde;
--color-n-200: #d6ffc2;
--color-n-300: #b6ff91;
--color-n-400: #8bff3f;
--color-n-500: #6dff0b;
--color-n-600: #6ae131;
--color-n-700: #44bc00;
--color-n-800: #51a62c;
--color-n-900: #429715;
--color-n-950: #3a7024;
--color-n-1000: #235806;

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