:root{
    font-synthesis-small-caps: none;
  color-scheme: light dark;
/* yellow */
--yellow-50: #ffebd5;
--yellow-100: #edd4a4;
--yellow-200: #e1b04a;
--yellow-500: #825b1d;
--yellow-700: #543810;
--yellow-900: #221201;
--yellow-950: #070200;

/* rust */
--rust-50: #ffe9e2;
--rust-100: #ffc8b7;
--rust-200: #efa189;
--rust-500: #ad3400;
--rust-700: #701e00;
--rust-900: #2d0700;
--rust-950: #0b0100;

/* pink */
--pink-50: #ffe5fd;
--pink-100: #eecaeb;
--pink-200: #df9edc;
--pink-500: #864985;
--pink-700: #562e55;
--pink-900: #280328;
--pink-950: #0a000a;

/* blue */
--blue-50: #eaedff;
--blue-100: #cdd4ff;
--blue-200: #a7b1ff;
--blue-500: #555ba5;
--blue-700: #35396a;
--blue-900: #100d3a;
--blue-950: #020018;

/* warm-gray */
--warm-gray-50: #fbe9ee;
--warm-gray-75: #ead9dd;
--warm-gray-100: #d4c3c8;
--warm-gray-125: #c9b9bd;
--warm-gray-150: #b9a9ad;
--warm-gray-200: #9f8f94;
--warm-gray-500: #6e5f63;
--warm-gray-700: #3f3236;
--warm-gray-825: #372a2d;
--warm-gray-850: #2a1e21;
--warm-gray-875: #1e1216;
--warm-gray-900: #160b0e;
--warm-gray-950: #070203;
}