/* Spectrum 2 color palette — generated from @adobe/spectrum-tokens (adobe/spectrum-design-data).
   Values are light-dark(); theme is controlled by color-scheme (see base.css). */
:root {
  --black: black;
  --white: white;

  /* gray */
  --gray-25: light-dark(rgb(255, 255, 255), rgb(17, 17, 17));
  --gray-50: light-dark(rgb(248, 248, 248), rgb(27, 27, 27));
  --gray-75: light-dark(rgb(243, 243, 243), rgb(34, 34, 34));
  --gray-100: light-dark(rgb(233, 233, 233), rgb(44, 44, 44));
  --gray-200: light-dark(rgb(225, 225, 225), rgb(50, 50, 50));
  --gray-300: light-dark(rgb(218, 218, 218), rgb(57, 57, 57));
  --gray-400: light-dark(rgb(198, 198, 198), rgb(68, 68, 68));
  --gray-500: light-dark(rgb(143, 143, 143), rgb(109, 109, 109));
  --gray-600: light-dark(rgb(113, 113, 113), rgb(138, 138, 138));
  --gray-700: light-dark(rgb(80, 80, 80), rgb(175, 175, 175));
  --gray-800: light-dark(rgb(41, 41, 41), rgb(219, 219, 219));
  --gray-900: light-dark(rgb(19, 19, 19), rgb(242, 242, 242));
  --gray-1000: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));

  /* blue */
  --blue-100: light-dark(rgb(245, 249, 255), rgb(14, 23, 63));
  --blue-200: light-dark(rgb(229, 240, 254), rgb(15, 28, 82));
  --blue-300: light-dark(rgb(203, 226, 254), rgb(12, 33, 117));
  --blue-400: light-dark(rgb(172, 207, 253), rgb(18, 45, 154));
  --blue-500: light-dark(rgb(142, 185, 252), rgb(26, 58, 195));
  --blue-600: light-dark(rgb(114, 158, 253), rgb(37, 73, 229));
  --blue-700: light-dark(rgb(93, 137, 255), rgb(52, 91, 248));
  --blue-800: light-dark(rgb(75, 117, 255), rgb(64, 105, 253));
  --blue-900: light-dark(rgb(59, 99, 251), rgb(86, 129, 255));
  --blue-1000: light-dark(rgb(39, 77, 234), rgb(105, 149, 254));
  --blue-1100: light-dark(rgb(29, 62, 207), rgb(124, 169, 252));
  --blue-1200: light-dark(rgb(21, 50, 173), rgb(152, 192, 252));
  --blue-1300: light-dark(rgb(16, 40, 140), rgb(181, 213, 253));
  --blue-1400: light-dark(rgb(12, 31, 105), rgb(213, 231, 254));
  --blue-1500: light-dark(rgb(14, 24, 67), rgb(238, 245, 255));
  --blue-1600: light-dark(rgb(7, 11, 30), rgb(255, 255, 255));

  /* red */
  --red-100: light-dark(rgb(255, 246, 245), rgb(54, 10, 3));
  --red-200: light-dark(rgb(255, 235, 232), rgb(68, 13, 5));
  --red-300: light-dark(rgb(255, 214, 209), rgb(87, 17, 7));
  --red-400: light-dark(rgb(255, 188, 180), rgb(115, 24, 11));
  --red-500: light-dark(rgb(255, 157, 145), rgb(147, 31, 17));
  --red-600: light-dark(rgb(255, 118, 101), rgb(177, 38, 23));
  --red-700: light-dark(rgb(255, 81, 61), rgb(205, 46, 29));
  --red-800: light-dark(rgb(240, 56, 35), rgb(223, 52, 34));
  --red-900: light-dark(rgb(215, 50, 32), rgb(252, 67, 46));
  --red-1000: light-dark(rgb(183, 40, 24), rgb(255, 103, 86));
  --red-1100: light-dark(rgb(156, 33, 19), rgb(255, 134, 120));
  --red-1200: light-dark(rgb(129, 27, 14), rgb(255, 167, 157));
  --red-1300: light-dark(rgb(104, 21, 10), rgb(255, 196, 189));
  --red-1400: light-dark(rgb(80, 16, 6), rgb(255, 222, 219));
  --red-1500: light-dark(rgb(59, 11, 4), rgb(255, 242, 240));
  --red-1600: light-dark(rgb(29, 5, 2), rgb(255, 255, 255));

  /* orange */
  --orange-100: light-dark(rgb(255, 246, 231), rgb(49, 16, 0));
  --orange-200: light-dark(rgb(255, 236, 207), rgb(61, 21, 0));
  --orange-300: light-dark(rgb(255, 218, 158), rgb(80, 27, 0));
  --orange-400: light-dark(rgb(255, 193, 94), rgb(106, 36, 0));
  --orange-500: light-dark(rgb(255, 162, 19), rgb(135, 47, 0));
  --orange-600: light-dark(rgb(252, 125, 0), rgb(162, 59, 0));
  --orange-700: light-dark(rgb(232, 106, 0), rgb(185, 73, 0));
  --orange-800: light-dark(rgb(212, 91, 0), rgb(199, 82, 0));
  --orange-900: light-dark(rgb(194, 78, 0), rgb(224, 100, 0));
  --orange-1000: light-dark(rgb(167, 62, 0), rgb(243, 117, 0));
  --orange-1100: light-dark(rgb(144, 51, 0), rgb(255, 137, 0));
  --orange-1200: light-dark(rgb(118, 41, 0), rgb(255, 173, 45));
  --orange-1300: light-dark(rgb(95, 32, 0), rgb(255, 201, 116));
  --orange-1400: light-dark(rgb(73, 24, 0), rgb(255, 225, 178));
  --orange-1500: light-dark(rgb(52, 18, 0), rgb(255, 243, 225));
  --orange-1600: light-dark(rgb(25, 8, 0), rgb(255, 255, 255));

  /* yellow */
  --yellow-100: light-dark(rgb(255, 248, 204), rgb(37, 23, 0));
  --yellow-200: light-dark(rgb(255, 241, 151), rgb(47, 29, 0));
  --yellow-300: light-dark(rgb(255, 222, 44), rgb(61, 39, 0));
  --yellow-400: light-dark(rgb(245, 199, 0), rgb(83, 52, 0));
  --yellow-500: light-dark(rgb(230, 175, 0), rgb(107, 67, 0));
  --yellow-600: light-dark(rgb(210, 149, 0), rgb(130, 82, 0));
  --yellow-700: light-dark(rgb(193, 131, 0), rgb(151, 97, 0));
  --yellow-800: light-dark(rgb(175, 116, 0), rgb(164, 106, 0));
  --yellow-900: light-dark(rgb(158, 102, 0), rgb(186, 124, 0));
  --yellow-1000: light-dark(rgb(134, 85, 0), rgb(203, 141, 0));
  --yellow-1100: light-dark(rgb(114, 72, 0), rgb(218, 159, 0));
  --yellow-1200: light-dark(rgb(93, 59, 0), rgb(235, 183, 0));
  --yellow-1300: light-dark(rgb(75, 47, 0), rgb(249, 206, 0));
  --yellow-1400: light-dark(rgb(56, 35, 0), rgb(255, 230, 86));
  --yellow-1500: light-dark(rgb(40, 25, 0), rgb(255, 246, 195));
  --yellow-1600: light-dark(rgb(18, 11, 0), rgb(255, 255, 255));

  /* chartreuse */
  --chartreuse-100: light-dark(rgb(246, 251, 222), rgb(23, 28, 0));
  --chartreuse-200: light-dark(rgb(234, 246, 173), rgb(30, 36, 0));
  --chartreuse-300: light-dark(rgb(208, 236, 70), rgb(39, 47, 0));
  --chartreuse-400: light-dark(rgb(182, 219, 0), rgb(53, 63, 0));
  --chartreuse-500: light-dark(rgb(163, 196, 0), rgb(68, 82, 0));
  --chartreuse-600: light-dark(rgb(143, 172, 0), rgb(83, 100, 0));
  --chartreuse-700: light-dark(rgb(128, 153, 0), rgb(97, 116, 0));
  --chartreuse-800: light-dark(rgb(114, 137, 0), rgb(106, 127, 0));
  --chartreuse-900: light-dark(rgb(102, 122, 0), rgb(122, 147, 0));
  --chartreuse-1000: light-dark(rgb(86, 103, 0), rgb(136, 164, 0));
  --chartreuse-1100: light-dark(rgb(73, 87, 0), rgb(151, 181, 0));
  --chartreuse-1200: light-dark(rgb(60, 71, 0), rgb(169, 203, 0));
  --chartreuse-1300: light-dark(rgb(47, 57, 0), rgb(187, 225, 0));
  --chartreuse-1400: light-dark(rgb(35, 43, 0), rgb(219, 240, 117));
  --chartreuse-1500: light-dark(rgb(25, 30, 0), rgb(242, 249, 206));
  --chartreuse-1600: light-dark(rgb(11, 14, 0), rgb(255, 255, 255));

  /* celery */
  --celery-100: light-dark(rgb(235, 255, 220), rgb(11, 31, 0));
  --celery-200: light-dark(rgb(197, 255, 156), rgb(15, 38, 0));
  --celery-300: light-dark(rgb(157, 247, 92), rgb(21, 51, 1));
  --celery-400: light-dark(rgb(129, 228, 58), rgb(31, 67, 4));
  --celery-500: light-dark(rgb(110, 206, 42), rgb(41, 86, 8));
  --celery-600: light-dark(rgb(93, 180, 31), rgb(50, 105, 11));
  --celery-700: light-dark(rgb(82, 161, 25), rgb(60, 122, 15));
  --celery-800: light-dark(rgb(72, 144, 20), rgb(66, 134, 18));
  --celery-900: light-dark(rgb(64, 129, 17), rgb(78, 154, 23));
  --celery-1000: light-dark(rgb(52, 109, 12), rgb(88, 172, 28));
  --celery-1100: light-dark(rgb(44, 92, 9), rgb(100, 190, 35));
  --celery-1200: light-dark(rgb(35, 75, 6), rgb(116, 213, 46));
  --celery-1300: light-dark(rgb(27, 60, 3), rgb(136, 234, 65));
  --celery-1400: light-dark(rgb(19, 46, 0), rgb(170, 251, 112));
  --celery-1500: light-dark(rgb(12, 33, 0), rgb(222, 255, 198));
  --celery-1600: light-dark(rgb(4, 15, 0), rgb(255, 255, 255));

  /* green */
  --green-100: light-dark(rgb(237, 252, 241), rgb(0, 30, 23));
  --green-200: light-dark(rgb(215, 247, 225), rgb(0, 38, 29));
  --green-300: light-dark(rgb(173, 238, 197), rgb(0, 51, 38));
  --green-400: light-dark(rgb(107, 227, 162), rgb(0, 68, 48));
  --green-500: light-dark(rgb(43, 209, 125), rgb(2, 87, 58));
  --green-600: light-dark(rgb(18, 184, 103), rgb(3, 106, 67));
  --green-700: light-dark(rgb(11, 164, 93), rgb(4, 124, 75));
  --green-800: light-dark(rgb(7, 147, 85), rgb(6, 136, 80));
  --green-900: light-dark(rgb(5, 131, 78), rgb(9, 157, 89));
  --green-1000: light-dark(rgb(3, 110, 69), rgb(14, 175, 98));
  --green-1100: light-dark(rgb(2, 93, 60), rgb(24, 193, 110));
  --green-1200: light-dark(rgb(1, 76, 52), rgb(57, 215, 134));
  --green-1300: light-dark(rgb(0, 61, 44), rgb(126, 231, 172));
  --green-1400: light-dark(rgb(0, 46, 34), rgb(189, 241, 208));
  --green-1500: light-dark(rgb(0, 33, 25), rgb(229, 250, 236));
  --green-1600: light-dark(rgb(0, 15, 12), rgb(255, 255, 255));

  /* seafoam */
  --seafoam-100: light-dark(rgb(235, 251, 246), rgb(0, 30, 27));
  --seafoam-200: light-dark(rgb(211, 246, 234), rgb(0, 39, 35));
  --seafoam-300: light-dark(rgb(169, 237, 216), rgb(0, 50, 44));
  --seafoam-400: light-dark(rgb(92, 225, 194), rgb(0, 67, 59));
  --seafoam-500: light-dark(rgb(16, 207, 169), rgb(2, 86, 75));
  --seafoam-600: light-dark(rgb(13, 181, 149), rgb(4, 105, 89));
  --seafoam-700: light-dark(rgb(11, 162, 134), rgb(6, 122, 103));
  --seafoam-800: light-dark(rgb(9, 144, 120), rgb(8, 134, 112));
  --seafoam-900: light-dark(rgb(7, 129, 109), rgb(10, 154, 128));
  --seafoam-1000: light-dark(rgb(5, 108, 92), rgb(12, 173, 142));
  --seafoam-1100: light-dark(rgb(3, 92, 80), rgb(14, 190, 156));
  --seafoam-1200: light-dark(rgb(1, 75, 67), rgb(29, 214, 176));
  --seafoam-1300: light-dark(rgb(0, 60, 54), rgb(122, 229, 203));
  --seafoam-1400: light-dark(rgb(0, 46, 40), rgb(186, 241, 222));
  --seafoam-1500: light-dark(rgb(0, 33, 29), rgb(229, 249, 243));
  --seafoam-1600: light-dark(rgb(0, 15, 14), rgb(255, 255, 255));

  /* cyan */
  --cyan-100: light-dark(rgb(238, 250, 254), rgb(0, 29, 39));
  --cyan-200: light-dark(rgb(217, 244, 253), rgb(0, 36, 49));
  --cyan-300: light-dark(rgb(183, 231, 252), rgb(0, 48, 65));
  --cyan-400: light-dark(rgb(138, 213, 255), rgb(0, 64, 88));
  --cyan-500: light-dark(rgb(92, 192, 255), rgb(0, 82, 113));
  --cyan-600: light-dark(rgb(48, 167, 254), rgb(3, 99, 140));
  --cyan-700: light-dark(rgb(29, 149, 231), rgb(8, 115, 168));
  --cyan-800: light-dark(rgb(18, 134, 205), rgb(13, 125, 186));
  --cyan-900: light-dark(rgb(11, 120, 179), rgb(24, 142, 220));
  --cyan-1000: light-dark(rgb(4, 102, 145), rgb(38, 159, 244));
  --cyan-1100: light-dark(rgb(0, 87, 121), rgb(63, 177, 255));
  --cyan-1200: light-dark(rgb(0, 71, 98), rgb(107, 199, 255));
  --cyan-1300: light-dark(rgb(0, 57, 78), rgb(152, 219, 255));
  --cyan-1400: light-dark(rgb(0, 43, 59), rgb(195, 236, 252));
  --cyan-1500: light-dark(rgb(0, 31, 43), rgb(230, 248, 253));
  --cyan-1600: light-dark(rgb(0, 14, 20), rgb(255, 255, 255));

  /* indigo */
  --indigo-100: light-dark(rgb(247, 248, 255), rgb(30, 0, 93));
  --indigo-200: light-dark(rgb(235, 238, 255), rgb(35, 0, 110));
  --indigo-300: light-dark(rgb(216, 222, 255), rgb(47, 0, 140));
  --indigo-400: light-dark(rgb(192, 201, 255), rgb(62, 12, 174));
  --indigo-500: light-dark(rgb(167, 178, 255), rgb(79, 30, 209));
  --indigo-600: light-dark(rgb(145, 151, 254), rgb(95, 52, 235));
  --indigo-700: light-dark(rgb(132, 128, 254), rgb(109, 75, 248));
  --indigo-800: light-dark(rgb(122, 106, 253), rgb(116, 91, 252));
  --indigo-900: light-dark(rgb(113, 85, 250), rgb(128, 119, 254));
  --indigo-1000: light-dark(rgb(99, 56, 238), rgb(139, 141, 254));
  --indigo-1100: light-dark(rgb(84, 36, 219), rgb(153, 161, 255));
  --indigo-1200: light-dark(rgb(69, 19, 191), rgb(176, 186, 255));
  --indigo-1300: light-dark(rgb(55, 6, 160), rgb(199, 208, 255));
  --indigo-1400: light-dark(rgb(42, 0, 129), rgb(223, 228, 255));
  --indigo-1500: light-dark(rgb(31, 0, 98), rgb(243, 244, 255));
  --indigo-1600: light-dark(rgb(17, 0, 54), rgb(255, 255, 255));

  /* purple */
  --purple-100: light-dark(rgb(251, 247, 254), rgb(41, 0, 79));
  --purple-200: light-dark(rgb(244, 235, 252), rgb(50, 0, 96));
  --purple-300: light-dark(rgb(235, 218, 249), rgb(64, 0, 122));
  --purple-400: light-dark(rgb(221, 193, 246), rgb(83, 0, 159));
  --purple-500: light-dark(rgb(208, 167, 243), rgb(107, 6, 195));
  --purple-600: light-dark(rgb(191, 138, 238), rgb(130, 34, 215));
  --purple-700: light-dark(rgb(178, 114, 235), rgb(148, 62, 224));
  --purple-800: light-dark(rgb(166, 92, 231), rgb(157, 78, 228));
  --purple-900: light-dark(rgb(154, 71, 226), rgb(173, 105, 233));
  --purple-1000: light-dark(rgb(134, 40, 217), rgb(186, 127, 237));
  --purple-1100: light-dark(rgb(115, 13, 204), rgb(197, 149, 240));
  --purple-1200: light-dark(rgb(93, 0, 177), rgb(212, 176, 244));
  --purple-1300: light-dark(rgb(75, 0, 144), rgb(225, 201, 247));
  --purple-1400: light-dark(rgb(59, 0, 111), rgb(238, 224, 250));
  --purple-1500: light-dark(rgb(44, 0, 84), rgb(248, 243, 253));
  --purple-1600: light-dark(rgb(23, 0, 45), rgb(255, 255, 255));

  /* fuchsia */
  --fuchsia-100: light-dark(rgb(254, 246, 255), rgb(50, 0, 61));
  --fuchsia-200: light-dark(rgb(253, 233, 255), rgb(61, 0, 74));
  --fuchsia-300: light-dark(rgb(250, 211, 255), rgb(79, 0, 95));
  --fuchsia-400: light-dark(rgb(247, 181, 255), rgb(102, 9, 120));
  --fuchsia-500: light-dark(rgb(243, 147, 255), rgb(127, 23, 146));
  --fuchsia-600: light-dark(rgb(236, 105, 255), rgb(151, 38, 170));
  --fuchsia-700: light-dark(rgb(223, 77, 245), rgb(173, 51, 192));
  --fuchsia-800: light-dark(rgb(200, 68, 220), rgb(186, 60, 206));
  --fuchsia-900: light-dark(rgb(181, 57, 200), rgb(213, 73, 235));
  --fuchsia-1000: light-dark(rgb(156, 40, 175), rgb(232, 91, 253));
  --fuchsia-1100: light-dark(rgb(135, 27, 154), rgb(240, 122, 255));
  --fuchsia-1200: light-dark(rgb(113, 15, 131), rgb(245, 159, 255));
  --fuchsia-1300: light-dark(rgb(92, 4, 109), rgb(248, 191, 255));
  --fuchsia-1400: light-dark(rgb(72, 0, 88), rgb(251, 219, 255));
  --fuchsia-1500: light-dark(rgb(54, 0, 66), rgb(253, 241, 255));
  --fuchsia-1600: light-dark(rgb(29, 0, 35), rgb(255, 255, 255));

  /* magenta */
  --magenta-100: light-dark(rgb(255, 245, 248), rgb(59, 0, 22));
  --magenta-200: light-dark(rgb(255, 232, 240), rgb(74, 0, 27));
  --magenta-300: light-dark(rgb(255, 213, 227), rgb(93, 0, 34));
  --magenta-400: light-dark(rgb(255, 185, 208), rgb(123, 0, 45));
  --magenta-500: light-dark(rgb(255, 152, 187), rgb(152, 7, 60));
  --magenta-600: light-dark(rgb(255, 112, 159), rgb(181, 19, 76));
  --magenta-700: light-dark(rgb(255, 72, 133), rgb(207, 31, 92));
  --magenta-800: light-dark(rgb(240, 45, 110), rgb(224, 38, 101));
  --magenta-900: light-dark(rgb(217, 35, 97), rgb(255, 51, 119));
  --magenta-1000: light-dark(rgb(186, 22, 80), rgb(255, 96, 149));
  --magenta-1100: light-dark(rgb(163, 5, 62), rgb(255, 128, 171));
  --magenta-1200: light-dark(rgb(136, 0, 51), rgb(255, 163, 194));
  --magenta-1300: light-dark(rgb(111, 0, 40), rgb(255, 193, 214));
  --magenta-1400: light-dark(rgb(86, 0, 30), rgb(255, 220, 232));
  --magenta-1500: light-dark(rgb(64, 0, 22), rgb(255, 241, 246));
  --magenta-1600: light-dark(rgb(35, 0, 12), rgb(255, 255, 255));

  /* pink */
  --pink-100: light-dark(rgb(255, 246, 252), rgb(58, 0, 37));
  --pink-200: light-dark(rgb(255, 232, 247), rgb(71, 0, 44));
  --pink-300: light-dark(rgb(255, 211, 240), rgb(90, 0, 57));
  --pink-400: light-dark(rgb(255, 181, 230), rgb(115, 7, 75));
  --pink-500: light-dark(rgb(255, 148, 219), rgb(143, 18, 97));
  --pink-600: light-dark(rgb(255, 103, 204), rgb(171, 29, 119));
  --pink-700: light-dark(rgb(242, 76, 184), rgb(196, 39, 138));
  --pink-800: light-dark(rgb(228, 52, 163), rgb(213, 45, 151));
  --pink-900: light-dark(rgb(206, 42, 146), rgb(236, 67, 175));
  --pink-1000: light-dark(rgb(176, 31, 123), rgb(251, 90, 196));
  --pink-1100: light-dark(rgb(152, 22, 104), rgb(255, 122, 210));
  --pink-1200: light-dark(rgb(128, 12, 85), rgb(255, 159, 223));
  --pink-1300: light-dark(rgb(105, 3, 68), rgb(255, 191, 234));
  --pink-1400: light-dark(rgb(83, 0, 53), rgb(255, 219, 243));
  --pink-1500: light-dark(rgb(62, 0, 39), rgb(255, 241, 250));
  --pink-1600: light-dark(rgb(33, 0, 21), rgb(255, 255, 255));

  /* turquoise */
  --turquoise-100: light-dark(rgb(238, 251, 251), rgb(0, 30, 33));
  --turquoise-200: light-dark(rgb(209, 245, 245), rgb(0, 37, 41));
  --turquoise-300: light-dark(rgb(169, 236, 237), rgb(0, 49, 54));
  --turquoise-400: light-dark(rgb(111, 221, 228), rgb(0, 66, 72));
  --turquoise-500: light-dark(rgb(39, 202, 216), rgb(3, 84, 92));
  --turquoise-600: light-dark(rgb(15, 177, 192), rgb(5, 103, 112));
  --turquoise-700: light-dark(rgb(12, 158, 171), rgb(7, 120, 131));
  --turquoise-800: light-dark(rgb(10, 141, 153), rgb(9, 131, 142));
  --turquoise-900: light-dark(rgb(8, 126, 137), rgb(11, 151, 164));
  --turquoise-1000: light-dark(rgb(5, 107, 116), rgb(13, 168, 182));
  --turquoise-1100: light-dark(rgb(3, 90, 98), rgb(16, 186, 202));
  --turquoise-1200: light-dark(rgb(1, 74, 81), rgb(64, 208, 220));
  --turquoise-1300: light-dark(rgb(0, 59, 65), rgb(128, 225, 231));
  --turquoise-1400: light-dark(rgb(0, 44, 49), rgb(183, 240, 240));
  --turquoise-1500: light-dark(rgb(0, 32, 35), rgb(228, 249, 249));
  --turquoise-1600: light-dark(rgb(0, 15, 17), rgb(255, 255, 255));

  /* brown */
  --brown-100: light-dark(rgb(252, 247, 242), rgb(35, 24, 8));
  --brown-200: light-dark(rgb(247, 238, 225), rgb(44, 31, 11));
  --brown-300: light-dark(rgb(239, 221, 195), rgb(58, 40, 14));
  --brown-400: light-dark(rgb(229, 200, 157), rgb(78, 55, 19));
  --brown-500: light-dark(rgb(214, 177, 123), rgb(98, 71, 30));
  --brown-600: light-dark(rgb(190, 155, 104), rgb(115, 88, 47));
  --brown-700: light-dark(rgb(171, 138, 90), rgb(132, 104, 61));
  --brown-800: light-dark(rgb(154, 123, 77), rgb(143, 114, 69));
  --brown-900: light-dark(rgb(139, 109, 66), rgb(163, 132, 84));
  --brown-1000: light-dark(rgb(119, 91, 50), rgb(181, 147, 98));
  --brown-1100: light-dark(rgb(103, 76, 35), rgb(199, 163, 112));
  --brown-1200: light-dark(rgb(88, 61, 21), rgb(222, 185, 130));
  --brown-1300: light-dark(rgb(70, 49, 17), rgb(232, 207, 169));
  --brown-1400: light-dark(rgb(52, 37, 13), rgb(242, 227, 206));
  --brown-1500: light-dark(rgb(38, 26, 9), rgb(250, 244, 236));
  --brown-1600: light-dark(rgb(16, 12, 4), rgb(255, 255, 255));

  /* silver */
  --silver-100: light-dark(rgb(247, 247, 247), rgb(26, 26, 26));
  --silver-200: light-dark(rgb(239, 239, 239), rgb(33, 33, 33));
  --silver-300: light-dark(rgb(223, 223, 223), rgb(44, 44, 44));
  --silver-400: light-dark(rgb(204, 204, 204), rgb(59, 59, 59));
  --silver-500: light-dark(rgb(183, 183, 183), rgb(76, 76, 76));
  --silver-600: light-dark(rgb(160, 160, 160), rgb(92, 92, 92));
  --silver-700: light-dark(rgb(143, 143, 143), rgb(108, 108, 108));
  --silver-800: light-dark(rgb(128, 128, 128), rgb(118, 118, 118));
  --silver-900: light-dark(rgb(114, 114, 114), rgb(137, 137, 137));
  --silver-1000: light-dark(rgb(96, 96, 96), rgb(152, 152, 152));
  --silver-1100: light-dark(rgb(81, 81, 81), rgb(169, 169, 169));
  --silver-1200: light-dark(rgb(66, 66, 66), rgb(190, 190, 190));
  --silver-1300: light-dark(rgb(52, 52, 52), rgb(211, 211, 211));
  --silver-1400: light-dark(rgb(39, 39, 39), rgb(229, 229, 229));
  --silver-1500: light-dark(rgb(28, 28, 28), rgb(244, 244, 244));
  --silver-1600: light-dark(rgb(12, 12, 12), rgb(255, 255, 255));

  /* cinnamon */
  --cinnamon-100: light-dark(rgb(253, 247, 243), rgb(48, 17, 4));
  --cinnamon-200: light-dark(rgb(249, 236, 229), rgb(59, 21, 5));
  --cinnamon-300: light-dark(rgb(244, 218, 203), rgb(79, 28, 7));
  --cinnamon-400: light-dark(rgb(237, 196, 172), rgb(100, 41, 15));
  --cinnamon-500: light-dark(rgb(229, 170, 136), rgb(122, 57, 28));
  --cinnamon-600: light-dark(rgb(212, 145, 108), rgb(143, 74, 40));
  --cinnamon-700: light-dark(rgb(198, 126, 88), rgb(163, 88, 52));
  --cinnamon-800: light-dark(rgb(184, 109, 70), rgb(176, 98, 59));
  --cinnamon-900: light-dark(rgb(170, 94, 56), rgb(192, 119, 80));
  --cinnamon-1000: light-dark(rgb(147, 77, 43), rgb(206, 136, 99));
  --cinnamon-1100: light-dark(rgb(128, 62, 32), rgb(220, 154, 118));
  --cinnamon-1200: light-dark(rgb(110, 48, 21), rgb(232, 179, 149));
  --cinnamon-1300: light-dark(rgb(92, 35, 11), rgb(239, 203, 183));
  --cinnamon-1400: light-dark(rgb(72, 25, 6), rgb(246, 225, 214));
  --cinnamon-1500: light-dark(rgb(52, 18, 4), rgb(252, 244, 239));
  --cinnamon-1600: light-dark(rgb(24, 8, 2), rgb(255, 255, 255));

  /* transparent-white */
  --transparent-white-25: rgba(255, 255, 255, 0);
  --transparent-white-50: rgba(255, 255, 255, 0.04);
  --transparent-white-75: rgba(255, 255, 255, 0.07);
  --transparent-white-100: rgba(255, 255, 255, 0.11);
  --transparent-white-200: rgba(255, 255, 255, 0.14);
  --transparent-white-300: rgba(255, 255, 255, 0.17);
  --transparent-white-400: rgba(255, 255, 255, 0.21);
  --transparent-white-500: rgba(255, 255, 255, 0.39);
  --transparent-white-600: rgba(255, 255, 255, 0.51);
  --transparent-white-700: rgba(255, 255, 255, 0.66);
  --transparent-white-800: rgba(255, 255, 255, 0.85);
  --transparent-white-900: rgba(255, 255, 255, 0.94);
  --transparent-white-1000: rgb(255, 255, 255);

  /* transparent-black */
  --transparent-black-25: rgba(0, 0, 0, 0);
  --transparent-black-50: rgba(0, 0, 0, 0.03);
  --transparent-black-75: rgba(0, 0, 0, 0.05);
  --transparent-black-100: rgba(0, 0, 0, 0.09);
  --transparent-black-200: rgba(0, 0, 0, 0.12);
  --transparent-black-300: rgba(0, 0, 0, 0.15);
  --transparent-black-400: rgba(0, 0, 0, 0.22);
  --transparent-black-500: rgba(0, 0, 0, 0.44);
  --transparent-black-600: rgba(0, 0, 0, 0.56);
  --transparent-black-700: rgba(0, 0, 0, 0.69);
  --transparent-black-800: rgba(0, 0, 0, 0.84);
  --transparent-black-900: rgba(0, 0, 0, 0.93);
  --transparent-black-1000: rgb(0, 0, 0);
}