: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: #e6b936;
  --color-s-50: #ffffe3;
--color-s-100: #ffffe3;
--color-s-200: #fffecc;
--color-s-300: #fff8a2;
--color-s-400: #ffdb55;
--color-s-500: #e6b936;
--color-s-600: #c8a33c;
--color-s-700: #a58102;
--color-s-800: #8e742b;
--color-s-900: #7f6518;
--color-s-950: #59481a;
--color-s-1000: #433301;
  --color-s-on: #787449;

  --color-n-50: #ffffe7;
--color-n-100: #ffffe7;
--color-n-200: #ffffd2;
--color-n-300: #ffffb1;
--color-n-400: #ffff8b;
--color-n-500: #fef180;
--color-n-600: #e2d87b;
--color-n-700: #bfb458;
--color-n-800: #aca462;
--color-n-900: #9c9553;
--color-n-950: #787449;
--color-n-1000: #615d33;

  --color-b-100: #fef180;
--color-b-200: #f6e978;
--color-b-300: #f2e574;
--color-b-400: #eee170;
}