:root {
  --color-p: #ff8000;
  --color-p-50: #fff7e3;
--color-p-100: #fff7e3;
--color-p-200: #ffecc7;
--color-p-300: #ffc989;
--color-p-400: #ff9f34;
--color-p-500: #ff8000;
--color-p-600: #d9711a;
--color-p-700: #b44f00;
--color-p-800: #964b0c;
--color-p-900: #863d00;
--color-p-950: #572802;
--color-p-1000: #401300;

  --color-s: #e8d6b3;
  --color-s-50: #fffff6;
--color-s-100: #fffff6;
--color-s-200: #fffeee;
--color-s-300: #fffee3;
--color-s-400: #fff9d3;
--color-s-500: #e8d6b3;
--color-s-600: #cdbea1;
--color-s-700: #aa9c80;
--color-s-800: #988d78;
--color-s-900: #897e69;
--color-s-950: #665f51;
--color-s-1000: #4f493c;

  --color-n-50: #ffffff;
--color-n-100: #ffffff;
--color-n-200: #ffffff;
--color-n-300: #ffffff;
--color-n-400: #e5e5e5;
--color-n-500: #c3c3c3;
--color-n-600: #ababab;
--color-n-700: #8a8a8a;
--color-n-800: #7b7b7b;
--color-n-900: #6c6c6c;
--color-n-950: #4e4e4e;
--color-n-1000: #383838;

  --color-b-100: #c4d0df;
--color-b-200: #bcc8d7;
--color-b-300: #b9c5d4;
--color-b-400: #b5c1d0;
}