:root {
  --color-p: #000000;
  --color-p-50: #313131;
--color-p-100: #2c2c2c;
--color-p-200: #232323;
--color-p-300: #131313;
--color-p-400: #040404;
--color-p-500: #000000;
--color-p-600: #000000;
--color-p-700: #000000;
--color-p-800: #000000;
--color-p-900: #000000;
--color-p-950: #000000;
--color-p-1000: #000000;

  --color-s: #d1fc04;
  --color-s-50: #f9ffdc;
--color-s-100: #f9ffdc;
--color-s-200: #f4ffbe;
--color-s-300: #eeff88;
--color-s-400: #e8ff27;
--color-s-500: #d1fc04;
--color-s-600: #bce035;
--color-s-700: #9abc00;
--color-s-800: #8ea933;
--color-s-900: #80991d;
--color-s-950: #64752c;
--color-s-1000: #4e5e11;
  --color-s-on: #64752c;

  --color-n-50: #f9ffdc;
--color-n-100: #f9ffdc;
--color-n-200: #f4ffbe;
--color-n-300: #eeff88;
--color-n-400: #e8ff27;
--color-n-500: #d1fc04;
--color-n-600: #bce035;
--color-n-700: #9abc00;
--color-n-800: #8ea933;
--color-n-900: #80991d;
--color-n-950: #64752c;
--color-n-1000: #4e5e11;

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