:root{
    font-synthesis-small-caps: none;
  color-scheme: light dark;

/* rust */
--rust-50: #ffe9e2;
--rust-100: oklch(0.9 0.053 55);
--rust-200: oklch(0.8 0.118 50);
--rust-300: oklch(0.7 0.15 45);
--rust-500: oklch(0.502 0.165 37.853);
--rust-700: oklch(0.3 0.095 35);
--rust-900: #2d0700;
--rust-950: #0b0100;

/* red */
--red-50: #ffe8e6;
--red-100: #fed2cd;
--red-200: #faa499;
--red-300: #ed7669;
--red-400: #c15e51;
--red-500: #98483c;
--red-600: #713329;
--red-700: #4b1e16;
--red-800: #270d08;
--red-900: #090101;
--red-950: #020000;

/* yellow */
--yellow-50: #faecdc;
--yellow-100: #f5d9bb;
--yellow-200: #e8b175;
--yellow-300: #dd8800;
--yellow-400: #b56d00;
--yellow-500: #905211;
--yellow-600: #6a3907;
--yellow-700: #472403;
--yellow-800: #251001;
--yellow-900: #070200;
--yellow-950: #010000;

/* green */
--green-50: #e2f4e7;
--green-100: #c6e8cf;
--green-200: #8ad09f;
--green-300: #5fb379;
--green-400: #48925d;
--green-500: #2b7440;
--green-600: #1d542b;
--green-700: #103719;
--green-800: #061c0a;
--green-900: #010501;
--green-950: #000100;

/* blue */
--blue-50: #ebecff;
--blue-100: #d9dafe;
--blue-200: #b4b5fc;
--blue-300: #9090ff;
--blue-400: #7475cc;
--blue-500: #585aa0;
--blue-600: #3e4177;
--blue-700: #262950;
--blue-800: #11132a;
--blue-900: #02030b;
--blue-950: #000001;

/* warm-gray */
--warm-gray-50: #fae9f0;
--warm-gray-100: #e9d9df;
--warm-gray-200: #c9b9bf;
--warm-gray-300: #a99aa0;
--warm-gray-400: #8b7b81;
--warm-gray-500: #705e64;
--warm-gray-600: #534248;
--warm-gray-700: #38292e;
--warm-gray-800: #1e1216;
--warm-gray-900: #070203;
--warm-gray-950: #010000;
--warm-gray-75: #e9d9e0;
--warm-gray-125: #c9b9bf;
--warm-gray-150: #b9a9af;
--warm-gray-825: #372a2e;
--warm-gray-850: #2a1e22;
--warm-gray-875: #1e1216;


--primary-base: var(--rust-500);

--primary-10: oklch(from var(--primary-base) 10% calc(sin(.9 * pi) * c) h);
--primary-20: oklch(from var(--primary-base) 20% calc(sin(.8 * pi) * c) h);
--primary-30: oklch(from var(--primary-base) 30% calc(sin(.7 * pi) * c) h);
--primary-40: oklch(from var(--primary-base) 40% calc(sin(.6 * pi) * c) h);
--primary-50: oklch(from var(--primary-base) 50% calc(sin(.5 * pi) * c) h);
--primary-60: oklch(from var(--primary-base) 60% calc(sin(.5 * pi) * c) h);
--primary-70: oklch(from var(--primary-base) 70% calc(sin(.4 * pi) * c) h);
--primary-80: oklch(from var(--primary-base) 80% calc(sin(.3 * pi) * c) h);
--primary-90: oklch(from var(--primary-base) 90% calc(sin(.2 * pi) * c) h);
--primary-100: oklch(from var(--primary-base) 100% calc(sin(.1 * pi) * c) h);

}