:root {
  --color-p: #35c454;
  --color-p-50: #ebffec;
--color-p-100: #ebffec;
--color-p-200: #d1ffd5;
--color-p-300: #9cfba6;
--color-p-400: #56e870;
--color-p-500: #35c454;
--color-p-600: #36a84c;
--color-p-700: #00862a;
--color-p-800: #207230;
--color-p-900: #096322;
--color-p-950: #0b4017;
--color-p-1000: #002b02;

  --color-s: #004900;
  --color-s-50: #8a9988;
--color-s-100: #849382;
--color-s-200: #708b6d;
--color-s-300: #4e7b4a;
--color-s-400: #236820;
--color-s-500: #004900;
--color-s-600: #003300;
--color-s-700: #001700;
--color-s-800: #000a00;
--color-s-900: #000200;
--color-s-950: #000000;
--color-s-1000: #000000;

  --color-n-50: #fdfdfd;
--color-n-100: #f7f7f7;
--color-n-200: #e9e9e9;
--color-n-300: #d2d2d2;
--color-n-400: #b9b9b9;
--color-n-500: #989898;
--color-n-600: #818181;
--color-n-700: #626262;
--color-n-800: #545454;
--color-n-900: #464646;
--color-n-950: #2a2a2a;
--color-n-1000: #171717;

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