:root {
  /* Color primitives from design tokens */
  --color-open-100: #fffcfa;
  --color-open-200: #fef9f7;
  --color-open-300: #fcf9f7;
  --color-open-400: #f5efe9;
  --color-open-500: #ede5dd;
  --color-open-600: #d6cdc5;
  --color-open-700: #b7aea7;
  --color-open-800: #968d87;
  --color-open-900: #726965;
  --color-open-1000: #2f2a27;

  --color-white-100: #ffffff0c;
  --color-white-200: #ffffff19;
  --color-white-300: #ffffff33;
  --color-white-400: #ffffff66;
  --color-white-500: #ffffffb2;
  --color-white-600: #ffffffcc;
  --color-white-700: #ffffffd8;
  --color-white-800: #ffffffe5;
  --color-white-900: #fffffff2;
  --color-white-1000: #ffffff;

  --color-plum-100: #f3e9ef;
  --color-plum-200: #e3ccd9;
  --color-plum-300: #d6b2bd;
  --color-plum-400: #a96e8a;
  --color-plum-500: #723c57;
  --color-plum-600: #471a34;
  --color-plum-700: #361328;
  --color-plum-800: #280d20;
  --color-plum-900: #1b0716;
  --color-plum-1000: #0f030c;

  --color-semantic-red-100: #fdecec;
  --color-semantic-red-200: #f8ccc7;
  --color-semantic-red-300: #f2a59c;
  --color-semantic-red-400: #e9796b;
  --color-semantic-red-500: #e35c47;
  --color-semantic-red-600: #d53424;
  --color-semantic-red-700: #b2281b;
  --color-semantic-red-800: #821e15;
  --color-semantic-red-900: #5f1610;
  --color-semantic-red-1000: #3d100c;

  --color-semantic-orange-100: #fff4e5;
  --color-semantic-orange-200: #ffe0b8;
  --color-semantic-orange-300: #fdcd8a;
  --color-semantic-orange-400: #f9b55f;
  --color-semantic-orange-500: #f59a34;
  --color-semantic-orange-600: #e37c10;
  --color-semantic-orange-700: #b8620a;
  --color-semantic-orange-800: #8b4a06;
  --color-semantic-orange-900: #613303;
  --color-semantic-orange-1000: #3d2100;

  --color-semantic-green-100: #eaf6e6;
  --color-semantic-green-200: #d3ecce;
  --color-semantic-green-300: #b9e0b0;
  --color-semantic-green-400: #96d48a;
  --color-semantic-green-500: #73c667;
  --color-semantic-green-600: #56ae4d;
  --color-semantic-green-700: #3e8b38;
  --color-semantic-green-800: #2d6a2c;
  --color-semantic-green-900: #1f4a20;
  --color-semantic-green-1000: #133215;

  --color-black-100: #0c0c0d0c;
  --color-black-200: #0c0c0d19;
  --color-black-300: #0c0c0d33;
  --color-black-400: #0c0c0d66;
  --color-black-500: #0c0c0db2;
  --color-black-600: #0c0c0dcc;
  --color-black-700: #0c0c0dd8;
  --color-black-800: #0c0c0de5;
  --color-black-900: #0c0c0df2;
  --color-black-1000: #0c0c0d;

  --color-orange-100: #fff5ef;
  --color-orange-200: #fee5d5;
  --color-orange-300: #fbd5c0;
  --color-orange-400: #fdc9ad;
  --color-orange-500: #fcaa79;
  --color-orange-600: #fc945b;
  --color-orange-700: #d96a37;
  --color-orange-800: #d85622;
  --color-orange-900: #af3100;
  --color-orange-1000: #980000;

  --color-gray-100: #faf9f8;
  --color-gray-200: #f1efef;
  --color-gray-300: #eae7e8;
  --color-gray-400: #d6d1d3;
  --color-gray-500: #afa8ac;
  --color-gray-600: #8a7f86;
  --color-gray-700: #6a5c63;
  --color-gray-800: #493c43;
  --color-gray-900: #2e2428;
  --color-gray-1000: #1a1416;

  --color-green-100: #eef5ea;
  --color-green-200: #e3eedc;
  --color-green-300: #d1e3ce;
  --color-green-400: #bbd6b4;
  --color-green-500: #abcda3;
  --color-green-600: #a2c69d;
  --color-green-700: #7ea276;
  --color-green-800: #556b4c;
  --color-green-900: #34402c;
  --color-green-1000: #29361f;

  --color-yellow-100: #fff9e8;
  --color-yellow-200: #fcefc4;
  --color-yellow-300: #f5e6a2;
  --color-yellow-400: #f0d281;
  --color-yellow-500: #f6cd4b;
  --color-yellow-600: #f1c321;
  --color-yellow-700: #c89d18;
  --color-yellow-800: #9e7811;
  --color-yellow-900: #704f09;
  --color-yellow-1000: #854300;

  --color-blue-100: #f0eef8;
  --color-blue-200: #d7d3ef;
  --color-blue-300: #b7b0e1;
  --color-blue-400: #8782c4;
  --color-blue-500: #706aa3;
  --color-blue-600: #5a5ea0;
  --color-blue-700: #454b97;
  --color-blue-800: #2f3478;
  --color-blue-900: #171b5b;
  --color-blue-1000: #0a044c;

  --color-semantic-blue-100: #f0eef8;
  --color-semantic-blue-200: #d7d3ef;
  --color-semantic-blue-300: #b7b0e1;
  --color-semantic-blue-400: #8782c4;
  --color-semantic-blue-500: #706aa3;
  --color-semantic-blue-600: #5a5ea0;
  --color-semantic-blue-700: #454b97;
  --color-semantic-blue-800: #2f3478;
  --color-semantic-blue-900: #171b5b;
  --color-semantic-blue-1000: #0a044c;

  --color-red-100: #fdeeee;
  --color-red-200: #f8d8d6;
  --color-red-300: #f1c4c0;
  --color-red-400: #e4a39c;
  --color-red-500: #d4847a;
  --color-red-600: #c26e65;
  --color-red-700: #a0554d;
  --color-red-800: #7c3d34;
  --color-red-900: #5b2722;
  --color-red-1000: #381411;

  --color-beige-100: #f6f3f1;
  --color-beige-200: #f7efe8;
  --color-beige-300: #f5ebe1;
  --color-beige-400: #eedfd5;
  --color-beige-500: #e4d7d2;
  --color-beige-600: #d1c4be;
  --color-beige-700: #b8a7a1;
  --color-beige-800: #9d867f;
  --color-beige-900: #8a5a51;
  --color-beige-1000: #7c4a43;

  --color-plum-gray-500: #725a66;
  --color-plum-gray-600: #57454e;
}