:root {
  --color-p: #161a1c;
  --color-p-50: #6b6b6b;
--color-p-100: #666666;
--color-p-200: #5b5b5b;
--color-p-300: #474747;
--color-p-400: #333333;
--color-p-500: #161a1c;
--color-p-600: #090909;
--color-p-700: #000000;
--color-p-800: #000000;
--color-p-900: #000000;
--color-p-950: #000000;
--color-p-1000: #000000;

  --color-s: #ffffff;
  --color-s-50: #ffffff;
--color-s-100: #ffffff;
--color-s-200: #ffffff;
--color-s-300: #ffffff;
--color-s-400: #ffffff;
--color-s-500: #ffffff;
--color-s-600: #e6e6e6;
--color-s-700: #c2c2c2;
--color-s-800: #b2b2b2;
--color-s-900: #a3a3a3;
--color-s-950: #828282;
--color-s-1000: #6a6a6a;
  --color-s-on: #422f06;

  --color-n-50: #fffde6;
--color-n-100: #fffde6;
--color-n-200: #fff1c7;
--color-n-300: #ffd78f;
--color-n-400: #f3b94a;
--color-n-500: #ce982a;
--color-n-600: #b0832c;
--color-n-700: #8d6200;
--color-n-800: #775718;
--color-n-900: #684902;
--color-n-950: #422f06;
--color-n-1000: #2d1b00;

  --color-b-100: #ce982a;
--color-b-200: #c6911e;
--color-b-300: #c38d18;
--color-b-400: #bf890f;
}