props.colors-hsl.css

:where(html) {
  --gray-0-hsl: hsl(210, 17%, 98%);
  --gray-1-hsl: hsl(210, 17%, 95%);
  --gray-2-hsl: hsl(210, 16%, 93%);
  --gray-3-hsl: hsl(210, 14%, 89%);
  --gray-4-hsl: hsl(210, 14%, 83%);
  --gray-5-hsl: hsl(210, 11%, 71%);
  --gray-6-hsl: hsl(210, 7%, 56%);
  --gray-7-hsl: hsl(210, 9%, 31%);
  --gray-8-hsl: hsl(210, 10%, 23%);
  --gray-9-hsl: hsl(210, 11%, 15%);
  --gray-10-hsl: hsl(214, 14%, 10%);
  --gray-11-hsl: hsl(216, 16%, 6%);
  --gray-12-hsl: hsl(210, 40%, 2%);
  --stone-0-hsl: hsl(200, 27%, 98%);
  --stone-1-hsl: hsl(210, 18%, 96%);
  --stone-2-hsl: hsl(210, 11%, 93%);
  --stone-3-hsl: hsl(192, 9%, 89%);
  --stone-4-hsl: hsl(197, 8%, 83%);
  --stone-5-hsl: hsl(202, 5%, 71%);
  --stone-6-hsl: hsl(200, 3%, 60%);
  --stone-7-hsl: hsl(180, 2%, 50%);
  --stone-8-hsl: hsl(160, 1%, 41%);
  --stone-9-hsl: hsl(90, 1%, 31%);
  --stone-10-hsl: hsl(60, 3%, 22%);
  --stone-11-hsl: hsl(60, 6%, 14%);
  --stone-12-hsl: hsl(60, 6%, 7%);
  --red-0-hsl: hsl(0, 100%, 98%);
  --red-1-hsl: hsl(0, 100%, 95%);
  --red-2-hsl: hsl(0, 100%, 89%);
  --red-3-hsl: hsl(0, 100%, 83%);
  --red-4-hsl: hsl(0, 100%, 76%);
  --red-5-hsl: hsl(0, 100%, 71%);
  --red-6-hsl: hsl(0, 94%, 65%);
  --red-7-hsl: hsl(0, 86%, 59%);
  --red-8-hsl: hsl(0, 74%, 54%);
  --red-9-hsl: hsl(0, 65%, 48%);
  --red-10-hsl: hsl(0, 65%, 42%);
  --red-11-hsl: hsl(0, 65%, 36%);
  --red-12-hsl: hsl(0, 66%, 30%);
  --pink-0-hsl: hsl(336, 100%, 97%);
  --pink-1-hsl: hsl(336, 100%, 94%);
  --pink-2-hsl: hsl(338, 91%, 87%);
  --pink-3-hsl: hsl(339, 90%, 81%);
  --pink-4-hsl: hsl(339, 88%, 74%);
  --pink-5-hsl: hsl(339, 82%, 67%);
  --pink-6-hsl: hsl(339, 76%, 59%);
  --pink-7-hsl: hsl(339, 67%, 52%);
  --pink-8-hsl: hsl(339, 68%, 45%);
  --pink-9-hsl: hsl(339, 69%, 38%);
  --pink-10-hsl: hsl(339, 70%, 32%);
  --pink-11-hsl: hsl(339, 69%, 27%);
  --pink-12-hsl: hsl(339, 70%, 21%);
  --purple-0-hsl: hsl(280, 67%, 96%);
  --purple-1-hsl: hsl(287, 77%, 92%);
  --purple-2-hsl: hsl(288, 86%, 86%);
  --purple-3-hsl: hsl(289, 85%, 78%);
  --purple-4-hsl: hsl(288, 83%, 71%);
  --purple-5-hsl: hsl(288, 75%, 64%);
  --purple-6-hsl: hsl(288, 67%, 58%);
  --purple-7-hsl: hsl(288, 56%, 52%);
  --purple-8-hsl: hsl(288, 54%, 46%);
  --purple-9-hsl: hsl(288, 54%, 40%);
  --purple-10-hsl: hsl(288, 55%, 33%);
  --purple-11-hsl: hsl(288, 56%, 26%);
  --purple-12-hsl: hsl(288, 55%, 20%);
  --violet-0-hsl: hsl(252, 100%, 97%);
  --violet-1-hsl: hsl(257, 100%, 93%);
  --violet-2-hsl: hsl(256, 100%, 87%);
  --violet-3-hsl: hsl(255, 94%, 79%);
  --violet-4-hsl: hsl(255, 93%, 72%);
  --violet-5-hsl: hsl(255, 91%, 67%);
  --violet-6-hsl: hsl(255, 86%, 63%);
  --violet-7-hsl: hsl(255, 78%, 60%);
  --violet-8-hsl: hsl(255, 67%, 55%);
  --violet-9-hsl: hsl(255, 53%, 50%);
  --violet-10-hsl: hsl(255, 53%, 44%);
  --violet-11-hsl: hsl(255, 53%, 37%);
  --violet-12-hsl: hsl(255, 53%, 31%);
  --indigo-0-hsl: hsl(223, 100%, 96%);
  --indigo-1-hsl: hsl(225, 100%, 93%);
  --indigo-2-hsl: hsl(228, 100%, 86%);
  --indigo-3-hsl: hsl(228, 100%, 78%);
  --indigo-4-hsl: hsl(228, 96%, 72%);
  --indigo-5-hsl: hsl(228, 94%, 67%);
  --indigo-6-hsl: hsl(228, 89%, 63%);
  --indigo-7-hsl: hsl(228, 81%, 59%);
  --indigo-8-hsl: hsl(228, 69%, 55%);
  --indigo-9-hsl: hsl(230, 57%, 50%);
  --indigo-10-hsl: hsl(230, 57%, 43%);
  --indigo-11-hsl: hsl(230, 57%, 37%);
  --indigo-12-hsl: hsl(230, 57%, 30%);
  --blue-0-hsl: hsl(205, 100%, 95%);
  --blue-1-hsl: hsl(206, 100%, 91%);
  --blue-2-hsl: hsl(206, 100%, 82%);
  --blue-3-hsl: hsl(206, 96%, 72%);
  --blue-4-hsl: hsl(207, 91%, 64%);
  --blue-5-hsl: hsl(207, 86%, 57%);
  --blue-6-hsl: hsl(208, 80%, 52%);
  --blue-7-hsl: hsl(208, 77%, 47%);
  --blue-8-hsl: hsl(209, 77%, 43%);
  --blue-9-hsl: hsl(209, 75%, 38%);
  --blue-10-hsl: hsl(209, 76%, 32%);
  --blue-11-hsl: hsl(209, 75%, 27%);
  --blue-12-hsl: hsl(209, 76%, 21%);
  --cyan-0-hsl: hsl(185, 81%, 94%);
  --cyan-1-hsl: hsl(185, 84%, 88%);
  --cyan-2-hsl: hsl(186, 77%, 77%);
  --cyan-3-hsl: hsl(187, 74%, 65%);
  --cyan-4-hsl: hsl(187, 69%, 55%);
  --cyan-5-hsl: hsl(188, 72%, 47%);
  --cyan-6-hsl: hsl(187, 80%, 42%);
  --cyan-7-hsl: hsl(188, 83%, 37%);
  --cyan-8-hsl: hsl(189, 85%, 32%);
  --cyan-9-hsl: hsl(189, 85%, 28%);
  --cyan-10-hsl: hsl(189, 84%, 23%);
  --cyan-11-hsl: hsl(190, 84%, 17%);
  --cyan-12-hsl: hsl(189, 84%, 12%);
  --teal-0-hsl: hsl(161, 79%, 95%);
  --teal-1-hsl: hsl(160, 85%, 87%);
  --teal-2-hsl: hsl(162, 78%, 77%);
  --teal-3-hsl: hsl(162, 72%, 65%);
  --teal-4-hsl: hsl(162, 68%, 54%);
  --teal-5-hsl: hsl(162, 73%, 46%);
  --teal-6-hsl: hsl(162, 82%, 40%);
  --teal-7-hsl: hsl(162, 87%, 35%);
  --teal-8-hsl: hsl(162, 88%, 30%);
  --teal-9-hsl: hsl(162, 88%, 26%);
  --teal-10-hsl: hsl(162, 89%, 21%);
  --teal-11-hsl: hsl(162, 88%, 16%);
  --teal-12-hsl: hsl(163, 89%, 11%);
  --green-0-hsl: hsl(131, 67%, 95%);
  --green-1-hsl: hsl(128, 76%, 90%);
  --green-2-hsl: hsl(128, 71%, 82%);
  --green-3-hsl: hsl(129, 68%, 73%);
  --green-4-hsl: hsl(130, 61%, 64%);
  --green-5-hsl: hsl(130, 57%, 56%);
  --green-6-hsl: hsl(131, 50%, 50%);
  --green-7-hsl: hsl(131, 53%, 46%);
  --green-8-hsl: hsl(131, 54%, 40%);
  --green-9-hsl: hsl(132, 52%, 35%);
  --green-10-hsl: hsl(132, 52%, 29%);
  --green-11-hsl: hsl(132, 53%, 22%);
  --green-12-hsl: hsl(131, 53%, 16%);
  --lime-0-hsl: hsl(79, 81%, 94%);
  --lime-1-hsl: hsl(80, 83%, 88%);
  --lime-2-hsl: hsl(81, 81%, 80%);
  --lime-3-hsl: hsl(82, 75%, 69%);
  --lime-4-hsl: hsl(83, 73%, 59%);
  --lime-5-hsl: hsl(84, 69%, 51%);
  --lime-6-hsl: hsl(85, 74%, 45%);
  --lime-7-hsl: hsl(85, 79%, 40%);
  --lime-8-hsl: hsl(86, 84%, 36%);
  --lime-9-hsl: hsl(85, 84%, 32%);
  --lime-10-hsl: hsl(85, 83%, 26%);
  --lime-11-hsl: hsl(85, 83%, 21%);
  --lime-12-hsl: hsl(85, 84%, 15%);
  --yellow-0-hsl: hsl(50, 100%, 93%);
  --yellow-1-hsl: hsl(49, 100%, 87%);
  --yellow-2-hsl: hsl(49, 100%, 80%);
  --yellow-3-hsl: hsl(48, 100%, 70%);
  --yellow-4-hsl: hsl(47, 100%, 62%);
  --yellow-5-hsl: hsl(45, 97%, 54%);
  --yellow-6-hsl: hsl(42, 96%, 50%);
  --yellow-7-hsl: hsl(39, 100%, 48%);
  --yellow-8-hsl: hsl(35, 100%, 47%);
  --yellow-9-hsl: hsl(31, 100%, 45%);
  --yellow-10-hsl: hsl(31, 100%, 35%);
  --yellow-11-hsl: hsl(31, 100%, 25%);
  --yellow-12-hsl: hsl(31, 100%, 20%);
  --orange-0-hsl: hsl(34, 100%, 95%);
  --orange-1-hsl: hsl(33, 100%, 90%);
  --orange-2-hsl: hsl(33, 100%, 83%);
  --orange-3-hsl: hsl(32, 100%, 74%);
  --orange-4-hsl: hsl(31, 100%, 65%);
  --orange-5-hsl: hsl(29, 100%, 58%);
  --orange-6-hsl: hsl(27, 98%, 54%);
  --orange-7-hsl: hsl(24, 94%, 50%);
  --orange-8-hsl: hsl(21, 90%, 48%);
  --orange-9-hsl: hsl(17, 87%, 45%);
  --orange-10-hsl: hsl(17, 87%, 40%);
  --orange-11-hsl: hsl(17, 87%, 32%);
  --orange-12-hsl: hsl(17, 87%, 27%);
  --choco-0-hsl: hsl(48, 100%, 93%);
  --choco-1-hsl: hsl(35, 91%, 86%);
  --choco-2-hsl: hsl(30, 85%, 79%);
  --choco-3-hsl: hsl(27, 80%, 72%);
  --choco-4-hsl: hsl(25, 75%, 65%);
  --choco-5-hsl: hsl(25, 71%, 57%);
  --choco-6-hsl: hsl(25, 70%, 49%);
  --choco-7-hsl: hsl(25, 75%, 42%);
  --choco-8-hsl: hsl(25, 75%, 37%);
  --choco-9-hsl: hsl(25, 76%, 31%);
  --choco-10-hsl: hsl(25, 71%, 26%);
  --choco-11-hsl: hsl(25, 66%, 21%);
  --choco-12-hsl: hsl(25, 65%, 15%);
  --brown-0-hsl: hsl(36, 60%, 95%);
  --brown-1-hsl: hsl(32, 44%, 87%);
  --brown-2-hsl: hsl(28, 40%, 80%);
  --brown-3-hsl: hsl(28, 38%, 72%);
  --brown-4-hsl: hsl(27, 36%, 65%);
  --brown-5-hsl: hsl(28, 34%, 57%);
  --brown-6-hsl: hsl(28, 32%, 50%);
  --brown-7-hsl: hsl(28, 35%, 43%);
  --brown-8-hsl: hsl(28, 38%, 37%);
  --brown-9-hsl: hsl(27, 42%, 31%);
  --brown-10-hsl: hsl(25, 48%, 25%);
  --brown-11-hsl: hsl(23, 58%, 19%);
  --brown-12-hsl: hsl(22, 57%, 16%);
  --sand-0-hsl: hsl(200, 27%, 98%);
  --sand-1-hsl: hsl(48, 17%, 88%);
  --sand-2-hsl: hsl(45, 22%, 79%);
  --sand-3-hsl: hsl(44, 22%, 69%);
  --sand-4-hsl: hsl(44, 17%, 62%);
  --sand-5-hsl: hsl(44, 14%, 54%);
  --sand-6-hsl: hsl(42, 14%, 46%);
  --sand-7-hsl: hsl(43, 16%, 39%);
  --sand-8-hsl: hsl(41, 15%, 32%);
  --sand-9-hsl: hsl(43, 14%, 26%);
  --sand-10-hsl: hsl(44, 11%, 20%);
  --sand-11-hsl: hsl(60, 6%, 14%);
  --sand-12-hsl: hsl(60, 6%, 7%);
  --camo-0-hsl: hsl(66, 71%, 95%);
  --camo-1-hsl: hsl(64, 69%, 77%);
  --camo-2-hsl: hsl(65, 69%, 59%);
  --camo-3-hsl: hsl(65, 61%, 51%);
  --camo-4-hsl: hsl(63, 61%, 46%);
  --camo-5-hsl: hsl(60, 62%, 41%);
  --camo-6-hsl: hsl(59, 65%, 36%);
  --camo-7-hsl: hsl(56, 67%, 33%);
  --camo-8-hsl: hsl(54, 70%, 29%);
  --camo-9-hsl: hsl(54, 69%, 25%);
  --camo-10-hsl: hsl(53, 69%, 22%);
  --camo-11-hsl: hsl(53, 69%, 18%);
  --camo-12-hsl: hsl(52, 69%, 13%);
  --jungle-0-hsl: hsl(74, 98%, 84%);
  --jungle-1-hsl: hsl(74, 79%, 78%);
  --jungle-2-hsl: hsl(74, 68%, 71%);
  --jungle-3-hsl: hsl(75, 62%, 65%);
  --jungle-4-hsl: hsl(74, 56%, 59%);
  --jungle-5-hsl: hsl(74, 53%, 53%);
  --jungle-6-hsl: hsl(74, 55%, 47%);
  --jungle-7-hsl: hsl(74, 66%, 42%);
  --jungle-8-hsl: hsl(74, 79%, 36%);
  --jungle-9-hsl: hsl(73, 90%, 32%);
  --jungle-10-hsl: hsl(73, 91%, 26%);
  --jungle-11-hsl: hsl(73, 91%, 21%);
  --jungle-12-hsl: hsl(73, 90%, 16%);
}