diff --git a/docs/assets/images/logo.svg b/docs/assets/images/logo.svg
index 027448c87..6d15ad28a 100644
--- a/docs/assets/images/logo.svg
+++ b/docs/assets/images/logo.svg
@@ -1,6 +1,6 @@
 <svg viewBox="0 0 127 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g fill-rule="nonzero" fill="#0984c7">
+    <g fill-rule="nonzero" fill="#0ea5e9">
       <path d="M102.375,90.85 C102.979,90.557 103.57,90.215 104.15,89.826 L106.425,88.501 C106.848,88.19 107.64,87.573 108.8,86.65 L108.95,86.501 C109.883,85.567 110.916,85.117 112.05,85.15 C112.55,85.15 113.133,85.284 113.8,85.55 L122.3,78 C122.533,77.8 122.767,77.633 123,77.5 L123.05,77.5 C123.95,76.967 124.7,77 125.3,77.6 C126.367,78.166 126.45,79.133 125.55,80.5 L116.65,88.399 C116.717,88.533 116.75,88.666 116.75,88.799 C116.883,89.399 116.833,89.999 116.6,90.599 C116.4,90.999 116.117,91.382 115.75,91.749 C115.379,92.145 114.996,92.528 114.6,92.898 L109.45,96.648 C108.99,96.97 108.523,97.27 108.05,97.548 C107.46,97.906 106.86,98.232 106.25,98.523 C105.985,98.644 105.718,98.76 105.45,98.874 C103.841,99.559 102.174,100.017 100.45,100.249 C99.65,106.982 97.35,113.183 93.55,118.849 C88.75,125.915 82.183,131.299 73.85,134.999 C65.55,138.699 56.567,140.549 46.9,140.549 C33.567,140.415 22.75,137.415 14.45,131.549 C4.817,124.75 0,115.7 0,104.399 L0,102.849 C0.333,95.149 2.6,87.849 6.8,80.95 C10.933,74.116 16.983,69.5 24.95,67.1 C29.05,65.9 33.166,65.3 37.3,65.3 C41.567,65.3 45.967,66.083 50.5,67.65 C55.033,69.216 60.15,71.916 65.85,75.75 L80.7,85.7 C84.833,88.399 88.6,90.233 92,91.2 C91.3,84.3 88.8,78.399 84.5,73.5 C80.2,68.533 74.717,64.9 68.05,62.6 L61.65,60.4 C55.783,58.333 51.417,56.3 48.55,54.3 C40.817,49.067 36.517,41.883 35.65,32.75 L35.5,30.05 C35.5,21.25 39.067,13.883 46.2,7.95 C52.567,2.65 60.133,0 68.9,0 C75.5,0 81.417,1.9 86.65,5.7 C91.917,9.533 94.9,14.967 95.6,22 L95.75,24.75 C95.75,29.85 94.433,34.216 91.8,37.85 C89.1,41.483 86.717,43.3 84.65,43.3 C84.21,43.269 83.802,43.21 83.425,43.125 L74.1,51.9 C72.6,52.733 71.583,52.583 71.05,51.45 C70.517,50.85 70.567,50.1 71.2,49.2 L71.25,49.15 C71.383,48.95 71.567,48.733 71.8,48.5 L80.475,40.275 C80.376,39.872 80.318,39.431 80.3,38.95 C80.3,37.817 80.75,36.867 81.65,36.1 C85.45,32.7 87.35,28.784 87.35,24.35 C87.35,19.95 85.683,16.25 82.35,13.25 C79.017,10.25 74.467,8.716 68.7,8.65 C61.5,8.65 55.583,10.817 50.95,15.15 C46.317,19.483 44,24.683 44,30.75 C44,35.65 45.883,40.066 49.65,44 C53.383,47.9 59.15,50.966 66.95,53.2 C77.883,56.367 86.233,61.7 92,69.2 C97.133,75.833 100,83.283 100.6,91.55 C101.199,91.365 101.791,91.132 102.375,90.85 Z M71.95,49.05 C71.95,49.35 72.117,49.5 72.45,49.5 C72.483,49.5 75.117,47.066 80.35,42.2 C80.35,41.533 78.95,42.45 76.15,44.95 C73.35,47.483 71.95,48.85 71.95,49.05 Z M74.15,50.8 C74.15,50.533 74.017,50.4 73.75,50.4 C73.45,50.4 73.183,50.55 72.95,50.85 C72.416,50.817 72.033,50.884 71.8,51.05 C71.7,51.117 71.65,51.183 71.65,51.25 C71.65,51.45 71.783,51.6 72.05,51.7 L72.95,51.7 C73.75,51.4 74.15,51.1 74.15,50.8 Z M80.35,45.35 C80.35,44.583 79.9,44.583 79,45.35 C78.567,45.75 78.017,46.317 77.35,47.05 C77.117,47.217 76.633,47.667 75.9,48.4 C75.133,49.2 74.75,49.683 74.75,49.85 L74.8,50.2 C75,50.267 75.133,50.3 75.2,50.3 C75.233,50.3 76.1,49.5 77.8,47.9 C79.5,46.3 80.35,45.45 80.35,45.35 Z M124.2,78.3 L115.8,85.7 C116.3,85.967 116.667,86.349 116.9,86.849 L125.2,79.45 C125.266,79.116 125.217,78.849 125.05,78.649 C124.883,78.517 124.6,78.399 124.2,78.3 Z M123.75,78.05 L123.55,77.85 L116.15,83.85 L116.6,84.4 L123.75,78.05 Z M91.85,99.899 C89.65,99.333 87.617,98.649 85.75,97.849 C81.55,96.149 76.333,93.183 70.1,88.95 L59.85,82 C55.517,79.233 51.567,77.166 48,75.8 C44.4,74.467 40.867,73.8 37.4,73.8 L35.9,73.8 C27.067,74.267 20.2,77.583 15.3,83.75 C10.734,89.45 8.45,96.184 8.45,103.95 C8.45,112.683 11.95,119.516 18.95,124.45 C25.916,129.416 35.467,131.899 47.6,131.899 C57.133,131.899 65.166,130.2 71.7,126.799 C78.2,123.399 83.25,118.899 86.85,113.299 C89.55,109.033 91.217,104.566 91.85,99.899 Z"></path>
     </g>
   </g>
diff --git a/docs/assets/images/og-image.png b/docs/assets/images/og-image.png
index 8c1ae3339..72b242842 100644
Binary files a/docs/assets/images/og-image.png and b/docs/assets/images/og-image.png differ
diff --git a/docs/assets/images/touch-icon.png b/docs/assets/images/touch-icon.png
index 90f9c977d..56c2add9c 100644
Binary files a/docs/assets/images/touch-icon.png and b/docs/assets/images/touch-icon.png differ
diff --git a/docs/assets/images/twitter-card.png b/docs/assets/images/twitter-card.png
index 7c04590b0..fcdb63eba 100644
Binary files a/docs/assets/images/twitter-card.png and b/docs/assets/images/twitter-card.png differ
diff --git a/docs/assets/images/undraw-content-team.svg b/docs/assets/images/undraw-content-team.svg
index 0ee5d052e..13a014114 100644
--- a/docs/assets/images/undraw-content-team.svg
+++ b/docs/assets/images/undraw-content-team.svg
@@ -22,7 +22,7 @@
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(480.586874, 208.953401) rotate(-40.261060) translate(-480.586874, -208.953401) " cx="480.586874" cy="208.953401" rx="10.63605" ry="3.98853"></ellipse>
             <circle id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="457.85318" cy="143.08115" r="14.35864"></circle>
             <circle id="Oval" fill="#3F3D56" fill-rule="nonzero" cx="451.95181" cy="137.93436" r="4.78622"></circle>
-            <path d="M493.93625,107.65269 C494.56802,92.0991 481.16312,78.92509 463.99545,78.22776 C446.82778,77.53043 432.39853,89.57376 431.76672,105.12736 C431.13491,120.68096 443.06863,124.21482 460.23627,124.91221 C477.40391,125.6096 493.30447,123.20627 493.93625,107.65269 Z" id="Path" fill="#0984c7" fill-rule="nonzero"></path>
+            <path d="M493.93625,107.65269 C494.56802,92.0991 481.16312,78.92509 463.99545,78.22776 C446.82778,77.53043 432.39853,89.57376 431.76672,105.12736 C431.13491,120.68096 443.06863,124.21482 460.23627,124.91221 C477.40391,125.6096 493.30447,123.20627 493.93625,107.65269 Z" id="Path" fill="#0ea5e9" fill-rule="nonzero"></path>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(422.001785, 145.703659) rotate(-77.089900) translate(-422.001785, -145.703659) " cx="422.001785" cy="145.703659" rx="6.59448" ry="21.00616"></ellipse>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(504.470422, 159.418119) rotate(-77.089900) translate(-504.470422, -159.418119) " cx="504.470422" cy="159.418119" rx="6.59448" ry="21.00616"></ellipse>
             <path d="M472.3331,169.91416 C472.9488,173.280144 471.720947,176.718794 469.112518,178.933525 C466.504089,181.148255 462.911834,181.802199 459.690258,180.648779 C456.468682,179.495358 454.107795,176.710012 453.4978,173.34299 L453.49445,173.3245 C452.5527,168.12235 456.57483,166.2815 461.77701,165.33976 C466.97919,164.39802 471.39139,164.71201 472.3331,169.91416 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
@@ -32,7 +32,7 @@
             <rect id="Rectangle" fill="#2F2E41" fill-rule="nonzero" x="278.92063" y="359.95537" width="13.08374" height="23.44171"></rect>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" cx="263.65629" cy="383.66967" rx="10.90314" ry="4.08868"></ellipse>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" cx="289.82377" cy="383.12453" rx="10.90314" ry="4.08868"></ellipse>
-            <path d="M230.60203,286.10434 C227.12455,270.53055 238.2407,254.79388 255.43064,250.9555 C272.62058,247.11712 289.37486,256.63058 292.85233,272.20438 C296.3298,287.77818 284.93742,293.52203 267.74748,297.36038 C250.55754,301.19873 234.07951,301.67812 230.60203,286.10434 Z" id="Path" fill="#0984c7" fill-rule="nonzero"></path>
+            <path d="M230.60203,286.10434 C227.12455,270.53055 238.2407,254.79388 255.43064,250.9555 C272.62058,247.11712 289.37486,256.63058 292.85233,272.20438 C296.3298,287.77818 284.93742,293.52203 267.74748,297.36038 C250.55754,301.19873 234.07951,301.67812 230.60203,286.10434 Z" id="Path" fill="#0ea5e9" fill-rule="nonzero"></path>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(223.870603, 306.172293) rotate(-64.625740) translate(-223.870603, -306.172293) " cx="223.870603" cy="306.172293" rx="6.76007" ry="21.53368"></ellipse>
             <circle id="Oval" fill="#2F2E41" fill-rule="nonzero" cx="85.9008" cy="369.76318" r="43.06733"></circle>
             <rect id="Rectangle" fill="#2F2E41" fill-rule="nonzero" x="66.27519" y="403.56287" width="13.08374" height="23.44171"></rect>
@@ -41,7 +41,7 @@
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" cx="103.34581" cy="426.732" rx="10.90314" ry="4.08868"></ellipse>
             <circle id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="86.99113" cy="358.86008" r="14.71922"></circle>
             <circle id="Oval" fill="#3F3D56" fill-rule="nonzero" cx="86.99113" cy="358.86008" r="4.90642"></circle>
-            <path d="M44.12401,329.71183 C40.64653,314.13804 51.76268,298.4014 68.95262,294.56302 C86.14256,290.72464 102.89683,300.23813 106.37431,315.81192 C109.85179,331.38571 98.45939,337.12961 81.26945,340.96792 C64.07951,344.80623 47.60154,345.28568 44.12401,329.71183 Z" id="Path" fill="#0f84c7" fill-rule="nonzero"></path>
+            <path d="M44.12401,329.71183 C40.64653,314.13804 51.76268,298.4014 68.95262,294.56302 C86.14256,290.72464 102.89683,300.23813 106.37431,315.81192 C109.85179,331.38571 98.45939,337.12961 81.26945,340.96792 C64.07951,344.80623 47.60154,345.28568 44.12401,329.71183 Z" id="Path" fill="#E6E6E6" fill-rule="nonzero"></path>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(110.988725, 213.490755) rotate(-69.082170) translate(-110.988725, -213.490755) " cx="110.988725" cy="213.490755" rx="21.53369" ry="6.76007"></ellipse>
             <circle id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(71.181568, 246.012788) rotate(-80.782520) translate(-71.181568, -246.012788) " cx="71.1815681" cy="246.012788" r="43.06735"></circle>
             <rect id="Rectangle" fill="#2F2E41" fill-rule="nonzero" x="51.55595" y="279.81244" width="13.08374" height="23.44171"></rect>
@@ -50,7 +50,7 @@
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" cx="88.62657" cy="302.9816" rx="10.90314" ry="4.08868"></ellipse>
             <circle id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="72.27189" cy="235.10965" r="14.71922"></circle>
             <circle id="Oval" fill="#3F3D56" fill-rule="nonzero" cx="72.27189" cy="235.10965" r="4.90642"></circle>
-            <path d="M29.40483,205.96134 C25.92735,190.38755 37.0435,174.65088 54.23344,170.8125 C71.42338,166.97412 88.17766,176.48758 91.65513,192.06138 C95.1326,207.63518 83.74022,213.37903 66.55028,217.21738 C49.36034,221.05573 32.88231,221.53519 29.40483,205.96134 Z" id="Path" fill="#0984c7" fill-rule="nonzero"></path>
+            <path d="M29.40483,205.96134 C25.92735,190.38755 37.0435,174.65088 54.23344,170.8125 C71.42338,166.97412 88.17766,176.48758 91.65513,192.06138 C95.1326,207.63518 83.74022,213.37903 66.55028,217.21738 C49.36034,221.05573 32.88231,221.53519 29.40483,205.96134 Z" id="Path" fill="#0ea5e9" fill-rule="nonzero"></path>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(22.673401, 226.029366) rotate(-64.625740) translate(-22.673401, -226.029366) " cx="22.6734006" cy="226.029366" rx="6.76007" ry="21.53368"></ellipse>
             <path d="M50.02702,261.54972 C50.02702,265.76487 60.88029,274.08829 72.92357,274.08829 C84.96685,274.08829 96.25871,262.22129 96.25871,258.0062 C96.25871,253.79111 84.96678,258.82395 72.92357,258.82395 C60.88036,258.82395 50.02702,257.33457 50.02702,261.54972 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
             <path d="M113.52376,81.56869 C111.867655,81.5704977 110.525568,82.9125851 110.52376,84.56869 L110.52376,208.56869 C110.525568,210.224795 111.867655,211.566882 113.52376,211.56869 L400.52376,211.56869 C402.179865,211.566882 403.521952,210.224795 403.52376,208.56869 L403.52376,84.56869 C403.521952,82.9125851 402.179865,81.5704977 400.52376,81.56869 L113.52376,81.56869 Z" id="Path" fill="#fbc024" fill-rule="nonzero"></path>
@@ -67,13 +67,13 @@
             <circle id="Oval" fill="#3F3D56" fill-rule="nonzero" cx="725.31949" cy="403.22896" r="4.90642"></circle>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(771.918005, 384.148727) rotate(-53.549900) translate(-771.918005, -384.148727) " cx="771.918005" cy="384.148727" rx="21.53368" ry="6.76007"></ellipse>
             <path d="M705.39698,436.33866 C705.39698,432.86466 714.34198,426.00466 724.26778,426.00466 C734.19358,426.00466 743.50006,435.78516 743.50006,439.25914 C743.50006,442.73312 734.19351,438.58514 724.26778,438.58514 C714.34205,438.58514 705.39698,439.81268 705.39698,436.33866 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero" transform="translate(724.448520, 433.325266) rotate(-180.000000) translate(-724.448520, -433.325266) "></path>
-            <path d="M847.1767,378.54172 L611.43117,345.86064 C607.604361,345.32541 604.932725,341.793834 605.45868,337.96574 L631.96057,146.79396 C632.495641,142.967058 636.027329,140.295337 639.85547,140.82147 L875.60098,173.50256 C879.427885,174.037626 882.099609,177.569318 881.57347,181.39746 L855.0716,372.56924 C854.536375,376.396051 851.004794,379.067687 847.1767,378.54172 L847.1767,378.54172 Z" id="Path" fill="#8b5cf6" fill-rule="nonzero"></path>
+            <path d="M847.1767,378.54172 L611.43117,345.86064 C607.604361,345.32541 604.932725,341.793834 605.45868,337.96574 L631.96057,146.79396 C632.495641,142.967058 636.027329,140.295337 639.85547,140.82147 L875.60098,173.50256 C879.427885,174.037626 882.099609,177.569318 881.57347,181.39746 L855.0716,372.56924 C854.536375,376.396051 851.004794,379.067687 847.1767,378.54172 L847.1767,378.54172 Z" id="Path" fill="#11a5e9" fill-rule="nonzero"></path>
             <path d="M762.72231,318.87957 L642.36784,302.19498 C642.216871,302.176045 642.067969,302.14324 641.92302,302.09698 L712.51355,211.39072 C713.394132,210.238632 714.82651,209.649483 716.262854,209.8486 C717.699198,210.047717 718.917295,211.004295 719.45127,212.35248 L748.48059,283.8148 L749.87186,287.23459 L762.72231,318.87957 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
             <polygon id="Path" fill="#000000" fill-rule="nonzero" opacity="0.2" points="762.722 318.879 721.63 313.183 745.864 286.679 747.609 284.77 748.481 283.815 749.872 287.235"></polygon>
             <path d="M829.73481,328.16942 L725.63807,313.73863 L749.87186,287.23463 L751.61612,285.32515 L783.19533,250.78503 C784.29885,249.735613 785.796059,249.204111 787.314261,249.322828 C788.832463,249.441546 790.228856,250.199316 791.15584,251.40751 C791.271244,251.575507 791.375823,251.750689 791.46894,251.93199 L829.73481,328.16942 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
             <circle id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="764.18602" cy="224.18353" r="18"></circle>
-            <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" transform="translate(653.262165, 167.923576) rotate(7.892770) translate(-653.262165, -167.923576) " x="642.262129" y="156.923541" width="22.0000711" height="22.0000711"></rect>
-            <path d="M768.18655,374.08068 C771.66403,358.50689 760.54788,342.77022 743.35794,338.93184 C726.168,335.09346 709.41373,344.60692 705.93625,360.18071 C702.45877,375.7545 713.85117,381.49837 731.04111,385.33671 C748.23105,389.17505 764.70908,389.6545 768.18655,374.08068 Z" id="Path" fill="#0f84c7" fill-rule="nonzero"></path>
+            <rect id="Rectangle" fill="#3F3D56" fill-rule="nonzero" transform="translate(653.262165, 167.923576) rotate(7.892770) translate(-653.262165, -167.923576) " x="642.262129" y="156.923541" width="22.0000711" height="22.0000711"></rect>
+            <path d="M768.18655,374.08068 C771.66403,358.50689 760.54788,342.77022 743.35794,338.93184 C726.168,335.09346 709.41373,344.60692 705.93625,360.18071 C702.45877,375.7545 713.85117,381.49837 731.04111,385.33671 C748.23105,389.17505 764.70908,389.6545 768.18655,374.08068 Z" id="Path" fill="#F2F2F2" fill-rule="nonzero"></path>
             <ellipse id="Oval" fill="#2F2E41" fill-rule="nonzero" transform="translate(735.010556, 473.249892) rotate(-4.181640) translate(-735.010556, -473.249892) " cx="735.010556" cy="473.249892" rx="10.90314" ry="4.08868"></ellipse>
         </g>
     </g>
diff --git a/docs/assets/images/undraw-not-found.svg b/docs/assets/images/undraw-not-found.svg
index 8da9a6581..aea1d5053 100644
--- a/docs/assets/images/undraw-not-found.svg
+++ b/docs/assets/images/undraw-not-found.svg
@@ -1 +1 @@
-<svg id="a706cf1c-1654-439b-8fcf-310eb7aa0e00" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1120.59226" height="777.91584" viewBox="0 0 1120.59226 777.91584"><title>not found</title><circle cx="212.59226" cy="103" r="64" fill="#ff6584"/><path d="M563.68016,404.16381c0,151.01141-89.77389,203.73895-200.51559,203.73895S162.649,555.17522,162.649,404.16381,363.16457,61.04208,363.16457,61.04208,563.68016,253.1524,563.68016,404.16381Z" transform="translate(-39.70387 -61.04208)" fill="#f2f2f2"/><polygon points="316.156 523.761 318.21 397.378 403.674 241.024 318.532 377.552 319.455 320.725 378.357 207.605 319.699 305.687 319.699 305.687 321.359 203.481 384.433 113.423 321.621 187.409 322.658 0 316.138 248.096 316.674 237.861 252.547 139.704 315.646 257.508 309.671 371.654 309.493 368.625 235.565 265.329 309.269 379.328 308.522 393.603 308.388 393.818 308.449 394.99 293.29 684.589 313.544 684.589 315.974 535.005 389.496 421.285 316.156 523.761" fill="#3f3d56"/><path d="M1160.29613,466.01367c0,123.61-73.4842,166.77-164.13156,166.77s-164.13156-43.16-164.13156-166.77S996.16457,185.15218,996.16457,185.15218,1160.29613,342.40364,1160.29613,466.01367Z" transform="translate(-39.70387 -61.04208)" fill="#f2f2f2"/><polygon points="950.482 552.833 952.162 449.383 1022.119 321.4 952.426 433.154 953.182 386.639 1001.396 294.044 953.382 374.329 953.382 374.329 954.741 290.669 1006.369 216.952 954.954 277.514 955.804 124.11 950.467 327.188 950.906 318.811 898.414 238.464 950.064 334.893 945.173 428.327 945.027 425.847 884.514 341.294 944.844 434.608 944.232 446.293 944.123 446.469 944.173 447.428 931.764 684.478 948.343 684.478 950.332 562.037 1010.514 468.952 950.482 552.833" fill="#3f3d56"/><ellipse cx="554.59226" cy="680.47903" rx="554.59226" ry="28.03433" fill="#3f3d56"/><ellipse cx="892.44491" cy="726.79663" rx="94.98858" ry="4.80162" fill="#3f3d56"/><ellipse cx="548.71959" cy="773.11422" rx="94.98858" ry="4.80162" fill="#3f3d56"/><ellipse cx="287.94432" cy="734.27887" rx="217.01436" ry="10.96996" fill="#3f3d56"/><circle cx="97.08375" cy="566.26982" r="79" fill="#2f2e41"/><rect x="99.80546" y="689.02332" width="24" height="43" transform="translate(-31.32451 -62.31008) rotate(0.67509)" fill="#2f2e41"/><rect x="147.80213" y="689.58887" width="24" height="43" transform="translate(-31.31452 -62.87555) rotate(0.67509)" fill="#2f2e41"/><ellipse cx="119.54569" cy="732.61606" rx="7.5" ry="20" transform="translate(-654.1319 782.47948) rotate(-89.32491)" fill="#2f2e41"/><ellipse cx="167.55414" cy="732.18168" rx="7.5" ry="20" transform="translate(-606.25475 830.05533) rotate(-89.32491)" fill="#2f2e41"/><circle cx="99.31925" cy="546.29477" r="27" fill="#fff"/><circle cx="99.31925" cy="546.29477" r="9" fill="#3f3d56"/><path d="M61.02588,552.94636c-6.04185-28.64075,14.68758-57.26483,46.30049-63.93367s62.13813,11.14292,68.18,39.78367-14.97834,38.93-46.59124,45.59886S67.06774,581.58712,61.02588,552.94636Z" transform="translate(-39.70387 -61.04208)" fill="#0984c7"/><path d="M257.29613,671.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.40351,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S257.29613,616.30827,257.29613,671.38411Z" transform="translate(-39.70387 -61.04208)" fill="#0f84c7"/><path d="M181.50168,737.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415-26.88076-41.5798,26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.60595,37.27566L204.18523,621.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><circle cx="712.48505" cy="565.41532" r="79" fill="#2f2e41"/><rect x="741.77716" y="691.82355" width="24" height="43" transform="translate(-215.99457 191.86399) rotate(-17.08345)" fill="#2f2e41"/><rect x="787.6593" y="677.72286" width="24" height="43" transform="matrix(0.95588, -0.29376, 0.29376, 0.95588, -209.82788, 204.72037)" fill="#2f2e41"/><ellipse cx="767.887" cy="732.00275" rx="20" ry="7.5" transform="translate(-220.8593 196.83312) rotate(-17.08345)" fill="#2f2e41"/><ellipse cx="813.47537" cy="716.94619" rx="20" ry="7.5" transform="translate(-214.42477 209.56103) rotate(-17.08345)" fill="#2f2e41"/><circle cx="708.52153" cy="545.71023" r="27" fill="#fff"/><circle cx="708.52153" cy="545.71023" r="9" fill="#3f3d56"/><path d="M657.35526,578.74316c-14.48957-25.43323-3.47841-59.016,24.59412-75.0092s62.57592-8.34055,77.06549,17.09268-2.39072,41.6435-30.46325,57.63671S671.84483,604.17639,657.35526,578.74316Z" transform="translate(-39.70387 -61.04208)" fill="#0984c7"/><path d="M611.29613,661.29875c0,50.55711-30.05368,68.20979-67.13,68.20979q-1.28835,0-2.57261-.02864c-1.71785-.03682-3.41933-.1186-5.10033-.23313-33.46068-2.36813-59.45707-20.92878-59.45707-67.948,0-48.65932,62.18106-110.05916,66.85186-114.60322l.00819-.00817c.18-.17587.27-.26177.27-.26177S611.29613,610.74164,611.29613,661.29875Z" transform="translate(-39.70387 -61.04208)" fill="#0f84c7"/><path d="M541.72029,721.77424l24.55253-34.30732-24.6139,38.07426-.0654,3.93872c-1.71785-.03682-3.41933-.1186-5.10033-.23313l2.6463-50.58165-.02047-.39266.045-.07361.24949-4.77718-24.67531-38.16836,24.753,34.58547.05731,1.01433,2-38.21741-21.12507-39.44039L541.80616,625.928l2.08182-79.23247.00819-.26994v.26177l-.34764,62.47962,21.031-24.76934-21.11693,30.15184-.55624,34.21735,19.63634-32.839-19.71812,37.87389-.31085,19.0228,28.50763-45.70631-28.614,52.34448Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><path d="M875.29613,682.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.4035,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S875.29613,627.30827,875.29613,682.38411Z" transform="translate(-39.70387 -61.04208)" fill="#0f84c7"/><path d="M799.50168,748.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415L770.108,654.01076l26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.606,37.27566L822.18523,632.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><ellipse cx="721.51694" cy="656.82212" rx="12.40027" ry="39.5" transform="translate(-220.83517 966.22323) rotate(-64.62574)" fill="#2f2e41"/><ellipse cx="112.51694" cy="651.82212" rx="12.40027" ry="39.5" transform="translate(-574.07936 452.71367) rotate(-68.15829)" fill="#2f2e41"/></svg>
+<svg id="a706cf1c-1654-439b-8fcf-310eb7aa0e00" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1120.59226" height="777.91584" viewBox="0 0 1120.59226 777.91584"><title>not found</title><circle cx="212.59226" cy="103" r="64" fill="#ff6584"/><path d="M563.68016,404.16381c0,151.01141-89.77389,203.73895-200.51559,203.73895S162.649,555.17522,162.649,404.16381,363.16457,61.04208,363.16457,61.04208,563.68016,253.1524,563.68016,404.16381Z" transform="translate(-39.70387 -61.04208)" fill="#f2f2f2"/><polygon points="316.156 523.761 318.21 397.378 403.674 241.024 318.532 377.552 319.455 320.725 378.357 207.605 319.699 305.687 319.699 305.687 321.359 203.481 384.433 113.423 321.621 187.409 322.658 0 316.138 248.096 316.674 237.861 252.547 139.704 315.646 257.508 309.671 371.654 309.493 368.625 235.565 265.329 309.269 379.328 308.522 393.603 308.388 393.818 308.449 394.99 293.29 684.589 313.544 684.589 315.974 535.005 389.496 421.285 316.156 523.761" fill="#3f3d56"/><path d="M1160.29613,466.01367c0,123.61-73.4842,166.77-164.13156,166.77s-164.13156-43.16-164.13156-166.77S996.16457,185.15218,996.16457,185.15218,1160.29613,342.40364,1160.29613,466.01367Z" transform="translate(-39.70387 -61.04208)" fill="#f2f2f2"/><polygon points="950.482 552.833 952.162 449.383 1022.119 321.4 952.426 433.154 953.182 386.639 1001.396 294.044 953.382 374.329 953.382 374.329 954.741 290.669 1006.369 216.952 954.954 277.514 955.804 124.11 950.467 327.188 950.906 318.811 898.414 238.464 950.064 334.893 945.173 428.327 945.027 425.847 884.514 341.294 944.844 434.608 944.232 446.293 944.123 446.469 944.173 447.428 931.764 684.478 948.343 684.478 950.332 562.037 1010.514 468.952 950.482 552.833" fill="#3f3d56"/><ellipse cx="554.59226" cy="680.47903" rx="554.59226" ry="28.03433" fill="#3f3d56"/><ellipse cx="892.44491" cy="726.79663" rx="94.98858" ry="4.80162" fill="#3f3d56"/><ellipse cx="548.71959" cy="773.11422" rx="94.98858" ry="4.80162" fill="#3f3d56"/><ellipse cx="287.94432" cy="734.27887" rx="217.01436" ry="10.96996" fill="#3f3d56"/><circle cx="97.08375" cy="566.26982" r="79" fill="#2f2e41"/><rect x="99.80546" y="689.02332" width="24" height="43" transform="translate(-31.32451 -62.31008) rotate(0.67509)" fill="#2f2e41"/><rect x="147.80213" y="689.58887" width="24" height="43" transform="translate(-31.31452 -62.87555) rotate(0.67509)" fill="#2f2e41"/><ellipse cx="119.54569" cy="732.61606" rx="7.5" ry="20" transform="translate(-654.1319 782.47948) rotate(-89.32491)" fill="#2f2e41"/><ellipse cx="167.55414" cy="732.18168" rx="7.5" ry="20" transform="translate(-606.25475 830.05533) rotate(-89.32491)" fill="#2f2e41"/><circle cx="99.31925" cy="546.29477" r="27" fill="#fff"/><circle cx="99.31925" cy="546.29477" r="9" fill="#3f3d56"/><path d="M61.02588,552.94636c-6.04185-28.64075,14.68758-57.26483,46.30049-63.93367s62.13813,11.14292,68.18,39.78367-14.97834,38.93-46.59124,45.59886S67.06774,581.58712,61.02588,552.94636Z" transform="translate(-39.70387 -61.04208)" fill="#11a5e9"/><path d="M257.29613,671.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.40351,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S257.29613,616.30827,257.29613,671.38411Z" transform="translate(-39.70387 -61.04208)" fill="#11a5e9"/><path d="M181.50168,737.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415-26.88076-41.5798,26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.60595,37.27566L204.18523,621.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><circle cx="712.48505" cy="565.41532" r="79" fill="#2f2e41"/><rect x="741.77716" y="691.82355" width="24" height="43" transform="translate(-215.99457 191.86399) rotate(-17.08345)" fill="#2f2e41"/><rect x="787.6593" y="677.72286" width="24" height="43" transform="matrix(0.95588, -0.29376, 0.29376, 0.95588, -209.82788, 204.72037)" fill="#2f2e41"/><ellipse cx="767.887" cy="732.00275" rx="20" ry="7.5" transform="translate(-220.8593 196.83312) rotate(-17.08345)" fill="#2f2e41"/><ellipse cx="813.47537" cy="716.94619" rx="20" ry="7.5" transform="translate(-214.42477 209.56103) rotate(-17.08345)" fill="#2f2e41"/><circle cx="708.52153" cy="545.71023" r="27" fill="#fff"/><circle cx="708.52153" cy="545.71023" r="9" fill="#3f3d56"/><path d="M657.35526,578.74316c-14.48957-25.43323-3.47841-59.016,24.59412-75.0092s62.57592-8.34055,77.06549,17.09268-2.39072,41.6435-30.46325,57.63671S671.84483,604.17639,657.35526,578.74316Z" transform="translate(-39.70387 -61.04208)" fill="#11a5e9"/><path d="M611.29613,661.29875c0,50.55711-30.05368,68.20979-67.13,68.20979q-1.28835,0-2.57261-.02864c-1.71785-.03682-3.41933-.1186-5.10033-.23313-33.46068-2.36813-59.45707-20.92878-59.45707-67.948,0-48.65932,62.18106-110.05916,66.85186-114.60322l.00819-.00817c.18-.17587.27-.26177.27-.26177S611.29613,610.74164,611.29613,661.29875Z" transform="translate(-39.70387 -61.04208)" fill="#11a5e9"/><path d="M541.72029,721.77424l24.55253-34.30732-24.6139,38.07426-.0654,3.93872c-1.71785-.03682-3.41933-.1186-5.10033-.23313l2.6463-50.58165-.02047-.39266.045-.07361.24949-4.77718-24.67531-38.16836,24.753,34.58547.05731,1.01433,2-38.21741-21.12507-39.44039L541.80616,625.928l2.08182-79.23247.00819-.26994v.26177l-.34764,62.47962,21.031-24.76934-21.11693,30.15184-.55624,34.21735,19.63634-32.839-19.71812,37.87389-.31085,19.0228,28.50763-45.70631-28.614,52.34448Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><path d="M875.29613,682.38411c0,55.07585-32.73985,74.3063-73.13,74.3063q-1.4035,0-2.80255-.0312c-1.87139-.04011-3.72494-.1292-5.55619-.254-36.45135-2.57979-64.77127-22.79937-64.77127-74.02113,0-53.00843,67.73872-119.89612,72.827-124.84633l.00892-.00889c.19608-.19159.29409-.28516.29409-.28516S875.29613,627.30827,875.29613,682.38411Z" transform="translate(-39.70387 -61.04208)" fill="#11a5e9"/><path d="M799.50168,748.26482l26.747-37.37367-26.81386,41.4773-.07125,4.29076c-1.87139-.04011-3.72494-.1292-5.55619-.254l2.88282-55.10258-.0223-.42775.049-.0802.27179-5.20415L770.108,654.01076l26.96539,37.67668.06244,1.105,2.17874-41.63324-23.0132-42.96551,23.29391,35.6583,2.26789-86.31419.00892-.294v.28516l-.37871,68.064,22.91079-26.98321-23.00435,32.84678-.606,37.27566L822.18523,632.958l-21.4805,41.259-.33863,20.723,31.05561-49.79149-31.17146,57.023Z" transform="translate(-39.70387 -61.04208)" fill="#3f3d56"/><ellipse cx="721.51694" cy="656.82212" rx="12.40027" ry="39.5" transform="translate(-220.83517 966.22323) rotate(-64.62574)" fill="#2f2e41"/><ellipse cx="112.51694" cy="651.82212" rx="12.40027" ry="39.5" transform="translate(-574.07936 452.71367) rotate(-68.15829)" fill="#2f2e41"/></svg>
\ No newline at end of file
diff --git a/docs/assets/images/wordmark.svg b/docs/assets/images/wordmark.svg
index 7940b74c4..f853ed3ea 100644
--- a/docs/assets/images/wordmark.svg
+++ b/docs/assets/images/wordmark.svg
@@ -1,6 +1,6 @@
 <svg viewBox="0 0 516 154" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g fill-rule="nonzero" fill="#0984c7">
+    <g fill-rule="nonzero" fill="#0ea5e9">
       <path d="M374.875,66.088 C375.012,65.987 375.153,65.896 375.3,65.813 C376.033,65.347 376.783,65.113 377.55,65.113 C378.35,65.113 379.166,65.446 380,66.113 C381.233,67.113 381.85,68.413 381.85,70.013 L381.85,70.563 C381.794,71.119 381.695,71.752 381.55,72.463 C381.261,73.907 380.794,75.673 380.15,77.763 L377.85,84.863 C375.317,94.13 373.951,101.513 373.75,107.013 L373.75,108.163 C373.75,111.362 374.116,113.812 374.85,115.513 C375.002,115.884 375.185,116.209 375.4,116.488 C376.03,117.331 376.93,117.789 378.1,117.863 L378.4,117.863 C379.468,117.863 380.56,117.572 381.675,116.988 C382.553,116.522 383.445,115.881 384.35,115.063 C385.05,114.397 385.883,113.48 386.85,112.313 L388.9,109.563 C390.534,107.363 392.217,104.763 393.951,101.763 L398.65,93.663 C398.717,93.562 398.784,93.463 398.85,93.362 C399.083,92.529 399.35,91.713 399.65,90.913 C401.751,85.18 404.633,80.213 408.3,76.013 C410.656,73.35 413.206,71.158 415.95,69.438 C417.976,68.173 420.11,67.165 422.349,66.413 C424.849,65.646 427.2,65.263 429.399,65.263 C432.233,65.263 434.899,65.88 437.399,67.113 C442.2,69.513 444.916,73.53 445.549,79.163 L445.549,79.763 L445.549,79.888 C445.523,80.862 445.172,81.654 444.499,82.263 C444.182,82.58 443.807,82.822 443.374,82.988 C442.887,83.172 442.328,83.263 441.699,83.263 C440.499,83.263 439.466,82.913 438.598,82.213 C437.631,81.446 437.081,80.43 436.949,79.163 C436.716,76.83 435.466,75.263 433.199,74.463 C432.098,74.063 430.898,73.863 429.598,73.863 C428.732,73.863 427.765,73.963 426.699,74.163 C424.532,74.622 422.448,75.489 420.449,76.763 C418.229,78.18 416.113,80.096 414.098,82.513 C410.965,86.246 408.648,90.43 407.148,95.063 C406.148,98.129 405.648,101.046 405.648,103.813 C405.648,105.68 405.881,107.497 406.348,109.263 C406.592,110.195 406.909,111.053 407.298,111.838 C408.751,114.684 411.218,116.526 414.698,117.362 C415.998,117.696 417.347,117.862 418.748,117.862 C421.481,117.862 424.215,117.213 426.948,115.913 C427.792,115.511 428.626,115.069 429.448,114.588 C436.582,110.466 443.032,103.49 448.798,93.663 C448.864,93.529 448.948,93.413 449.048,93.312 C449.081,93.146 449.131,92.979 449.198,92.812 C451.831,84.779 455.998,78.162 461.698,72.962 C463.338,71.459 465.005,70.176 466.698,69.112 C470.738,66.579 474.922,65.312 479.248,65.312 L481.448,65.412 C485.314,65.712 488.514,67.279 491.048,70.112 C493.449,72.77 494.699,75.92 494.798,79.562 L494.798,80.012 L494.798,80.262 C494.798,85.229 492.948,90.029 489.248,94.662 C487.043,97.449 484.526,99.649 481.698,101.262 C478.537,103.045 474.986,104.095 471.048,104.412 L468.548,104.512 C464.381,104.512 460.198,103.712 455.998,102.112 L455.948,103.062 L455.897,104.413 C455.897,107.527 456.439,110.119 457.522,112.187 C458.155,113.366 458.963,114.375 459.948,115.212 C461.781,116.679 464.048,117.562 466.748,117.861 L468.647,117.912 C470.547,117.912 472.364,117.628 474.097,117.061 C476.035,116.472 477.952,115.63 479.847,114.537 C482.768,112.86 485.634,110.585 488.448,107.712 C492.248,103.878 495.731,99.229 498.897,93.762 C498.998,93.628 499.097,93.495 499.198,93.362 C504.198,84.396 506.748,74.695 506.847,64.262 L506.847,63.712 C506.847,52.579 503.897,43.212 497.997,35.612 C492.063,28.045 483.547,23.379 472.447,21.612 C468.913,21.145 465.013,20.912 460.747,20.912 L448.947,21.312 C441.113,21.645 433.23,22.295 425.297,23.262 C414.264,24.529 400.897,26.945 385.197,30.512 L345.547,40.112 C337.413,41.979 329.714,43.495 322.447,44.662 C322.38,44.817 322.313,44.975 322.247,45.137 C321.759,46.246 321.209,47.471 320.597,48.812 L316.997,56.362 C311.497,67.762 304.181,81.412 295.047,97.312 C295.228,102.921 295.994,107.613 297.347,111.387 C297.492,111.792 297.642,112.184 297.797,112.562 C298.663,114.496 299.647,115.946 300.747,116.913 C301.113,117.213 301.514,117.446 301.947,117.612 C302.413,117.812 302.846,117.913 303.247,117.913 L303.747,117.862 C304.493,117.745 305.226,117.503 305.947,117.137 C307.061,116.561 308.144,115.686 309.197,114.512 L312.247,110.462 L313.097,109.111 C314.464,107.011 315.948,104.462 317.547,101.462 L321.847,93.662 C321.981,93.429 322.147,93.212 322.347,93.012 C324.681,86.512 328.33,80.696 333.297,75.562 C335.697,73.078 338.164,71.044 340.697,69.462 C345.171,66.662 349.854,65.262 354.747,65.262 L355.097,65.262 C361.985,65.325 367.001,68.517 370.147,74.837 C370.299,75.154 370.45,75.479 370.597,75.812 L372.797,69.412 L373.397,68.062 C373.804,67.201 374.296,66.542 374.875,66.088 Z M347.725,115.838 C350.551,114.257 353.26,111.748 355.85,108.313 C357.951,105.513 360.017,102.08 362.05,98.013 C362.984,95.98 363.75,94.246 364.35,92.813 L366.3,88.063 C366.9,86.664 367.5,85.013 368.1,83.113 L367.4,83.214 C366.8,83.214 366.184,83.08 365.55,82.814 C364.416,82.347 363.633,81.498 363.2,80.264 C362.066,77.031 360.033,75.014 357.099,74.214 C356.299,73.981 355.366,73.864 354.299,73.864 C352.399,73.864 350.365,74.331 348.199,75.264 C346.981,75.784 345.806,76.4 344.674,77.114 C340.27,79.898 336.479,84.164 333.299,89.914 C331.999,92.181 330.966,94.597 330.199,97.164 C329.232,100.197 328.716,103.03 328.648,105.664 L328.648,106.363 C328.648,109.139 329.182,111.415 330.249,113.188 C331.622,115.468 333.872,116.926 336.999,117.563 C338.065,117.763 339.132,117.863 340.199,117.863 C342.793,117.862 345.302,117.188 347.725,115.838 Z M397.325,112.987 C397.134,113.262 396.942,113.538 396.75,113.812 C393.337,118.703 389.771,122.195 386.05,124.288 C385.161,124.795 384.261,125.221 383.35,125.562 C381.75,126.163 380.184,126.462 378.65,126.462 C377.217,126.462 375.734,126.195 374.201,125.662 C371.1,124.561 368.817,122.578 367.35,119.712 C366.05,117.111 365.317,114.028 365.15,110.462 L365.15,109.512 C364.819,110.022 364.486,110.522 364.15,111.012 C360.909,115.717 357.475,119.384 353.85,122.012 C353.154,122.5 352.446,122.95 351.725,123.362 C348.097,125.429 344.222,126.463 340.1,126.463 C339.166,126.463 338.067,126.379 336.8,126.213 C330.067,125.346 325.283,122.23 322.45,116.862 C321.849,115.729 321.366,114.562 321,113.362 C320.729,113.783 320.463,114.183 320.2,114.562 C319.878,115.041 319.56,115.492 319.25,115.913 C316.431,120.016 313.48,122.924 310.399,124.638 C308.2,125.855 305.933,126.463 303.599,126.463 L303.2,126.463 C297.166,126.263 292.683,122.579 289.75,115.413 C288.85,113.079 288.116,110.562 287.55,107.862 C287.255,108.236 286.955,108.602 286.65,108.963 C283.646,112.628 280.446,115.795 277.05,118.463 C275.303,119.833 273.553,121.025 271.8,122.038 C266.728,124.987 261.627,126.463 256.5,126.463 C255.367,126.463 254.017,126.346 252.45,126.112 C244.384,124.845 239.083,120.812 236.55,114.012 C235.817,112.078 235.35,110.029 235.15,107.862 L236.1,99.612 L227.65,96.812 C227.565,97.093 227.473,97.376 227.375,97.663 C226.732,99.678 225.957,101.694 225.05,103.713 L219.55,113.413 C216.304,117.998 212.713,121.415 208.775,123.663 C208.305,123.928 207.83,124.178 207.35,124.413 C204.517,125.779 201.583,126.463 198.55,126.463 C197.15,126.463 195.583,126.296 193.85,125.963 C188.95,124.93 185.083,122.612 182.25,119.013 C180.65,117.046 179.466,114.813 178.7,112.313 C178.634,112.379 178.567,112.463 178.5,112.563 C178.296,112.884 178.096,113.201 177.9,113.513 C175.22,117.596 172.686,120.629 170.3,122.613 C169.314,123.421 168.322,124.104 167.325,124.664 C165.158,125.863 162.966,126.464 160.75,126.464 C160.017,126.464 159.183,126.38 158.25,126.214 C152.983,125.214 150.017,121.564 149.35,115.264 C149.25,114.364 149.2,113.414 149.2,112.414 C149.2,108.247 149.983,103.264 151.55,97.464 L154.05,88.613 C155.05,85.18 155.75,82.28 156.15,79.914 C156.35,78.68 156.45,77.43 156.45,76.164 L156.45,75.464 C156.45,74.43 156.35,73.864 156.15,73.764 C156.017,73.697 155.883,73.664 155.75,73.664 C155.45,73.664 154.966,73.881 154.3,74.314 L154.175,74.414 L152.35,76.014 C150.617,77.447 148.634,79.63 146.4,82.564 C142.833,87.13 138.9,93.064 134.6,100.364 C132.9,103.298 131.167,106.398 129.4,109.665 L122.9,121.665 C122.4,122.564 121.833,123.432 121.2,124.265 C120.498,125.123 119.748,125.732 118.95,126.09 C118.392,126.34 117.809,126.465 117.2,126.465 C116.767,126.465 116.35,126.399 115.95,126.265 C114.35,125.865 113.134,124.798 112.3,123.065 C111.7,121.798 111.25,120.166 110.95,118.166 C110.55,115.365 110.35,112.266 110.35,108.865 L110.35,108.515 C110.019,108.77 109.686,109.012 109.35,109.24 C108.792,109.629 108.225,109.987 107.65,110.315 C105.369,111.616 102.969,112.432 100.45,112.765 C100.432,112.915 100.415,113.066 100.4,113.215 C99.548,119.776 97.265,125.825 93.55,131.364 C89.782,136.912 84.924,141.421 78.975,144.889 C77.35,145.844 75.642,146.719 73.85,147.514 C65.55,151.214 56.567,153.064 46.9,153.064 C33.567,152.931 22.75,149.931 14.45,144.064 C4.816,137.263 0,128.213 0,116.913 L0,115.362 C0.333,107.663 2.6,100.362 6.8,93.463 C9.369,89.215 12.677,85.823 16.725,83.288 C19.194,81.746 21.935,80.52 24.95,79.612 C29.05,78.412 33.167,77.812 37.3,77.812 C41.567,77.812 45.967,78.596 50.5,80.163 C55.033,81.729 60.15,84.43 65.85,88.263 L80.7,98.213 C84.389,100.623 87.79,102.34 90.9,103.362 C91.268,103.492 91.635,103.609 92,103.713 C91.3,96.813 88.8,90.913 84.5,86.013 C80.2,81.046 74.716,77.413 68.05,75.113 L61.65,72.913 C55.783,70.847 51.417,68.813 48.55,66.813 C40.817,61.58 36.517,54.396 35.65,45.263 L35.5,42.563 C35.5,33.763 39.066,26.396 46.2,20.463 C47.443,19.428 48.735,18.495 50.075,17.663 C55.57,14.23 61.845,12.513 68.9,12.513 C75.5,12.513 81.417,14.413 86.65,18.213 C91.757,21.93 94.716,27.155 95.525,33.888 C95.554,34.093 95.579,34.301 95.6,34.513 L95.75,37.263 C95.75,42.363 94.433,46.73 91.8,50.363 C89.934,52.874 88.217,54.515 86.65,55.288 C85.955,55.638 85.289,55.813 84.65,55.813 C84.216,55.78 83.817,55.73 83.45,55.663 L82.75,56.313 L82,57.038 L74.1,64.413 C73.846,64.554 73.604,64.671 73.375,64.763 C72.268,65.171 71.493,64.904 71.05,63.963 C70.517,63.363 70.567,62.613 71.2,61.713 L71.25,61.663 C71.383,61.463 71.566,61.246 71.8,61.013 L80.5,52.813 C80.4,52.38 80.333,51.93 80.3,51.463 C80.3,50.33 80.75,49.38 81.65,48.613 C85.45,45.213 87.35,41.296 87.35,36.863 C87.35,32.463 85.683,28.763 82.35,25.763 C79.017,22.763 74.467,21.23 68.7,21.163 C63.18,21.163 58.413,22.438 54.4,24.988 C53.181,25.76 52.031,26.652 50.95,27.663 C46.317,31.996 44,37.196 44,43.263 C44,45.896 44.542,48.388 45.625,50.738 C46.565,52.768 47.907,54.693 49.65,56.513 C53.383,60.413 59.15,63.48 66.95,65.713 C69.078,66.329 71.111,67.029 73.05,67.813 C74.421,68.367 75.746,68.959 77.025,69.588 C83.161,72.667 88.152,76.708 92,81.713 C96.324,87.3 99.04,93.467 100.15,100.213 C100.355,101.476 100.505,102.759 100.6,104.063 C100.796,104.002 100.988,103.936 101.175,103.863 C101.811,103.633 102.436,103.349 103.05,103.013 C106.017,101.369 108.783,98.453 111.35,94.263 C111.384,93.93 111.417,93.579 111.45,93.213 L112.45,84.913 C114.65,68.479 117.7,54.179 121.6,42.013 L124,34.513 C125.1,31.58 126.2,28.98 127.3,26.713 C130.015,21.09 133.249,17.074 137,14.663 C137.168,14.562 137.334,14.462 137.5,14.363 C139.466,13.163 141.5,12.563 143.6,12.563 L144.6,12.663 C147.3,12.93 149.384,14.097 150.85,16.163 C152.15,18.03 152.8,20.347 152.8,23.113 L152.75,25.063 C152.583,26.63 152.316,28.213 151.95,29.813 L150.7,34.213 C148.433,41.546 144.267,51.196 138.2,63.163 C133.634,72.363 127.467,83.697 119.7,97.163 L119.5,100.463 C119.233,103.563 119.1,106.579 119.1,109.513 L119.1,110.763 C122.9,103.697 125.967,98.23 128.3,94.363 C132.533,87.297 136.433,81.464 140,76.863 C142.1,74.23 143.867,72.213 145.3,70.813 C146.595,69.519 147.895,68.452 149.2,67.613 C150.081,67.042 150.965,66.575 151.85,66.213 C153.217,65.58 154.634,65.263 156.1,65.263 C156.9,65.263 157.667,65.363 158.4,65.563 C160.733,66.13 162.483,67.413 163.65,69.413 C164.641,71.065 165.141,73.14 165.15,75.638 L165.15,75.713 L165.15,76.113 C165.15,77.246 165.033,78.413 164.8,79.613 L159.15,103.563 C158.85,104.73 158.583,105.98 158.35,107.313 C157.983,109.447 157.8,111.296 157.8,112.863 C157.8,113.763 157.833,114.414 157.9,114.813 C158.003,115.995 158.527,116.811 159.475,117.263 C159.766,117.394 160.091,117.494 160.45,117.563 L162.25,117.463 C162.605,117.397 162.914,117.305 163.175,117.188 C163.314,117.138 163.439,117.08 163.55,117.013 C165.083,116.079 166.683,114.546 168.35,112.413 L171.9,106.713 C173.167,104.579 174.4,102.413 175.6,100.213 L179.1,93.963 C179.733,91.696 180.567,89.413 181.6,87.112 C184.333,81.046 188.1,76.029 192.9,72.062 C194.009,71.16 195.143,70.351 196.3,69.637 C199.783,67.447 203.467,66.088 207.35,65.562 L209.3,65.262 C210.167,65.195 210.8,65.162 211.2,65.162 C214.233,65.162 217.217,65.895 220.15,67.362 C225.722,70.104 228.83,74.854 229.475,81.612 C229.558,82.494 229.6,83.411 229.6,84.362 L229.5,86.163 C229.466,86.829 229.417,87.496 229.35,88.163 L231.125,88.763 L237.05,90.788 L237.75,91.013 C240.35,83.813 244.283,77.796 249.55,72.963 C251.186,71.473 252.844,70.197 254.525,69.138 C258.601,66.588 262.809,65.313 267.15,65.313 L269.3,65.413 C273.166,65.713 276.366,67.28 278.9,70.113 C281.302,72.771 282.552,75.921 282.65,79.563 L282.65,80.013 L282.65,80.263 C282.65,85.23 280.8,90.03 277.1,94.663 C274.917,97.462 272.41,99.662 269.576,101.263 C266.433,103.047 262.892,104.098 258.951,104.413 L256.451,104.513 C252.951,104.513 249.434,103.947 245.901,102.813 C245.768,102.78 245.651,102.747 245.551,102.713 L244.951,102.513 C244.584,102.379 244.234,102.246 243.901,102.113 L243.901,102.164 C243.856,102.388 243.823,102.687 243.801,103.063 L243.801,103.664 L243.801,104.414 C243.801,107.528 244.343,110.12 245.426,112.188 C246.059,113.367 246.867,114.376 247.851,115.213 C249.684,116.68 251.951,117.563 254.651,117.862 L256.501,117.913 C258.435,117.913 260.268,117.629 262.001,117.062 C263.939,116.473 265.855,115.631 267.751,114.538 C270.671,112.861 273.538,110.586 276.351,107.713 C279.851,104.18 283.185,99.779 286.351,94.513 L286.351,92.663 C286.518,86.763 287.368,79.029 288.901,69.463 C290.268,61.296 291.918,53.913 293.851,47.313 L291.651,47.313 C282.252,47.313 274.551,46.347 268.551,44.413 C261.784,42.28 255.768,38.98 250.501,34.513 C244.668,29.58 240.684,24.03 238.551,17.863 C238.351,17.363 238.251,16.88 238.251,16.413 C238.251,15.746 238.434,15.146 238.801,14.613 C238.868,14.48 238.951,14.363 239.051,14.263 L238.551,13.138 L236.376,8.238 L235.851,7.063 L234.001,2.863 C233.956,2.606 233.93,2.364 233.926,2.138 C233.895,1.54 233.995,1.074 234.226,0.738 C234.469,0.38 234.86,0.172 235.401,0.113 C236.168,-0.187 236.868,0.113 237.501,1.013 L237.551,1.063 C237.684,1.263 237.818,1.513 237.951,1.813 L242.801,12.663 C243.468,12.696 244.034,12.83 244.501,13.063 C245.567,13.497 246.351,14.347 246.851,15.613 L246.901,15.863 C247.768,17.596 248.301,18.63 248.501,18.963 C250.168,21.863 252.368,24.58 255.101,27.113 C263.468,34.913 275.068,38.813 289.901,38.813 L290.252,38.813 C292.131,38.813 294.039,38.771 295.977,38.688 C296.232,38.684 296.49,38.675 296.752,38.663 C298.985,32.73 301.519,27.58 304.352,23.213 C306.052,20.546 307.769,18.429 309.502,16.863 C310.37,16.059 311.245,15.367 312.127,14.788 C313.55,13.867 314.991,13.242 316.452,12.913 C317.351,12.68 318.235,12.563 319.101,12.563 C321.601,12.563 323.685,13.48 325.351,15.313 C327.218,17.38 328.151,19.98 328.151,23.113 L328.151,23.313 L328.101,24.363 C327.834,27.763 327.101,31.413 325.901,35.313 C326.901,35.146 327.918,34.963 328.952,34.763 C329.035,34.746 329.118,34.73 329.202,34.713 C335.192,33.525 341.459,32.175 348.002,30.663 L366.852,26.013 C400.418,17.646 429.902,13.163 455.302,12.563 L458.952,12.513 C473.252,12.513 484.335,14.83 492.202,19.463 C500.835,24.463 507.151,31.846 511.151,41.613 C512.618,45.125 513.71,48.783 514.426,52.588 C515.11,56.23 515.451,60.005 515.451,63.913 C515.451,66.013 515.35,68.13 515.15,70.263 C514.184,80.129 511.3,89.329 506.501,97.863 C506.367,98.096 506.234,98.313 506.101,98.513 C501.134,106.879 495.485,113.53 489.151,118.463 C487.398,119.838 485.64,121.038 483.877,122.063 C478.823,124.997 473.748,126.463 468.651,126.463 C467.551,126.463 466.185,126.346 464.551,126.112 C456.485,124.845 451.185,120.812 448.651,114.012 C448.185,112.812 447.835,111.562 447.601,110.262 C447.297,110.615 446.99,110.964 446.676,111.312 C442.715,115.724 438.49,119.241 434.001,121.862 C432.434,122.768 430.833,123.568 429.201,124.262 C425.701,125.729 422.201,126.462 418.701,126.462 C417.301,126.462 415.834,126.328 414.301,126.062 C408.801,125.163 404.534,122.679 401.501,118.612 C399.968,116.612 398.851,114.329 398.15,111.762 C397.876,112.174 397.601,112.582 397.325,112.987 Z M461.6,94.963 C463.883,95.596 466.183,95.913 468.5,95.913 L470.6,95.862 C473.121,95.613 475.379,94.938 477.375,93.838 C479.926,92.438 482.051,90.346 483.75,87.563 C484.783,85.93 485.5,84.313 485.899,82.713 C486.132,81.879 486.25,80.996 486.25,80.063 C486.25,79.163 486.1,78.313 485.8,77.513 C484.866,75.18 482.95,73.963 480.05,73.863 L479.7,73.863 C477.5,73.863 475.217,74.429 472.849,75.563 C471.994,75.977 471.16,76.435 470.349,76.938 C466.551,79.349 463.318,82.824 460.649,87.363 C459.483,89.397 458.5,91.464 457.7,93.563 C458.992,94.131 460.292,94.597 461.6,94.963 Z M311.25,37.488 C312.597,37.331 313.964,37.156 315.35,36.963 C315.613,36.934 315.879,36.901 316.15,36.863 C316.35,36.363 316.534,35.863 316.701,35.363 L317.701,32.413 C318.1,31.113 318.384,30.097 318.551,29.363 C319.151,27.296 319.501,25.246 319.601,23.213 C319.601,22.146 319.185,21.613 318.351,21.613 L317.551,21.713 C317.041,21.849 316.508,22.124 315.951,22.538 C314.872,23.328 313.705,24.637 312.451,26.463 C310.951,28.663 309.534,31.163 308.201,33.963 C307.567,35.263 306.951,36.613 306.35,38.013 C307.958,37.86 309.592,37.686 311.25,37.488 Z M249.475,94.963 C251.756,95.596 254.048,95.913 256.35,95.913 L258.451,95.862 C260.999,95.627 263.282,94.952 265.301,93.838 C267.841,92.445 269.958,90.354 271.651,87.563 C272.718,85.897 273.418,84.28 273.752,82.713 C274.019,81.913 274.151,81.029 274.151,80.063 C274.151,79.163 274.002,78.313 273.702,77.513 C272.768,75.18 270.835,73.963 267.901,73.863 L267.601,73.863 C265.401,73.863 263.118,74.429 260.751,75.563 C259.895,75.977 259.062,76.435 258.251,76.938 C254.453,79.349 251.219,82.824 248.551,87.363 C247.351,89.397 246.368,91.464 245.601,93.563 C246.268,93.863 246.934,94.129 247.601,94.363 C248.223,94.585 248.848,94.785 249.475,94.963 Z M302.825,47.438 C300.111,55.747 298.053,65.122 296.649,75.563 L296.625,75.763 L296.399,77.413 C301.733,67.68 306.016,59.413 309.25,52.613 C310.35,50.346 311.366,48.163 312.3,46.063 C311.033,46.196 309.767,46.33 308.5,46.463 C306.6,46.63 304.767,46.779 303,46.913 C302.94,47.091 302.882,47.266 302.825,47.438 Z M208.85,81.263 C209.188,81.387 209.555,81.504 209.95,81.613 L220,85.013 L221,85.363 L221,84.863 C221,78.897 218.667,75.33 214,74.163 C212.867,73.896 211.9,73.763 211.1,73.763 C209.507,73.763 208.157,74.171 207.05,74.988 C206.487,75.41 205.987,75.936 205.55,76.563 C204.712,78.627 205.812,80.194 208.85,81.263 Z M236.775,6.538 L237.25,7.638 L239.45,12.663 C239.554,12.55 239.671,12.45 239.8,12.363 C240.103,12.154 240.47,12.037 240.9,12.013 L236.1,1.313 C235.7,1.213 235.4,1.213 235.2,1.313 C234.994,1.401 234.852,1.585 234.775,1.863 C234.766,1.891 234.758,1.924 234.75,1.963 L236.775,6.538 Z M236.6,1.213 L240.65,10.363 L241.25,10.013 L236.9,1.113 L236.6,1.213 Z M141.4,22.062 C139.741,23.318 138.025,25.484 136.25,28.562 C132.183,35.862 128.466,47.112 125.1,62.312 C124.55,64.888 123.884,68.222 123.1,72.312 C122.99,72.925 122.873,73.558 122.75,74.212 C128.383,63.879 132.933,54.862 136.4,47.162 L141.2,36.212 C142.8,31.912 143.75,28.062 144.05,24.662 L144.2,22.962 C144.2,22.462 144.15,22.012 144.05,21.612 L144,21.412 L143.85,21.162 L143.3,21.162 L143.2,21.262 L142.9,21.412 L142.5,21.462 L142.4,21.462 L142.4,21.412 C142.069,21.592 141.736,21.809 141.4,22.062 Z M80.35,57.863 C80.35,57.096 79.9,57.096 79,57.863 C78.566,58.263 78.017,58.83 77.35,59.563 C77.117,59.73 76.634,60.18 75.9,60.913 C75.133,61.713 74.75,62.196 74.75,62.363 L74.8,62.713 C75,62.779 75.133,62.813 75.2,62.813 C75.233,62.813 76.1,62.013 77.8,60.413 C79.5,58.813 80.35,57.963 80.35,57.863 Z M80.35,54.713 C80.35,54.046 78.95,54.963 76.15,57.463 C73.35,59.996 71.95,61.363 71.95,61.563 C71.95,61.863 72.117,62.013 72.45,62.013 C72.483,62.013 75.117,59.58 80.35,54.713 Z M74.15,63.312 C74.15,63.045 74.017,62.912 73.75,62.912 C73.45,62.912 73.183,63.062 72.95,63.362 C72.417,63.329 72.033,63.395 71.8,63.562 C71.7,63.629 71.65,63.695 71.65,63.762 C71.65,63.962 71.783,64.112 72.05,64.212 L72.95,64.212 C73.75,63.913 74.15,63.613 74.15,63.312 Z M10.25,126.312 C11.944,130.518 14.844,134.068 18.95,136.962 C25.917,141.929 35.467,144.412 47.6,144.412 C57.134,144.412 65.167,142.712 71.7,139.311 C72.35,138.971 72.984,138.621 73.6,138.261 C79.194,135 83.61,130.851 86.85,125.811 C89.55,121.544 91.217,117.078 91.85,112.412 C89.65,111.845 87.617,111.162 85.75,110.361 C81.55,108.662 76.333,105.695 70.1,101.462 L59.85,94.512 C55.517,91.745 51.567,89.679 48,88.312 C44.4,86.979 40.867,86.312 37.4,86.312 L35.9,86.312 C30.377,86.604 25.618,88.012 21.625,90.538 C19.244,92.043 17.136,93.952 15.3,96.263 C10.733,101.963 8.45,108.697 8.45,116.463 C8.45,120.073 9.05,123.356 10.25,126.312 Z M187.85,112.013 C189.172,114.555 191.272,116.272 194.15,117.163 C195.517,117.562 196.85,117.763 198.15,117.763 C200.362,117.763 202.538,117.171 204.675,115.988 C206.049,115.223 207.407,114.215 208.75,112.964 L210.25,111.464 L215.25,104.214 C215.783,103.214 216.25,102.28 216.65,101.414 C217.083,100.547 217.45,99.764 217.75,99.063 C218.417,97.33 218.983,95.68 219.45,94.113 L199.2,87.464 C197,86.13 195.55,84.297 194.85,81.964 C194.557,82.302 194.273,82.644 194,82.988 C191.13,86.559 188.997,90.668 187.6,95.313 C186.667,98.414 186.2,101.379 186.2,104.213 C186.2,105.513 186.3,106.779 186.5,108.013 C186.783,109.523 187.233,110.856 187.85,112.013 Z"></path>
     </g>
   </g>
diff --git a/docs/assets/plugins/search/search.css b/docs/assets/plugins/search/search.css
index 263fe1141..b6f241a27 100644
--- a/docs/assets/plugins/search/search.css
+++ b/docs/assets/plugins/search/search.css
@@ -106,7 +106,7 @@ body.site-search-visible {
 .site-search__results li[aria-selected='true'] a sl-icon {
   outline: none;
   color: var(--sl-color-neutral-0);
-  background-color: var(--sl-color-primary-700);
+  background-color: var(--sl-color-primary-600);
 }
 
 .sl-theme-dark .site-search__results li[aria-selected='true'] a,
@@ -123,7 +123,7 @@ body.site-search-visible {
 
 .site-search__results small {
   display: block;
-  color: var(--sl-color-neutral-700);
+  color: var(--sl-color-neutral-600);
 }
 
 .site-search__result {
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index aaecc8a52..e16324914 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -69,12 +69,11 @@ strong {
   opacity: 1;
 }
 
-.sidebar-toggle span,
-.sidebar-toggle:active .sidebar-toggle span {
+.sidebar-toggle:active .sidebar-toggle-button span {
   background-color: var(--sl-color-primary-700);
 }
 
-.sidebar-toggle:focus-visible {
+.sidebar-toggle:focus {
   outline: none;
   box-shadow: var(--sl-focus-ring);
 }
@@ -291,6 +290,10 @@ strong {
   padding: 2px 4px;
 }
 
+.markdown-section tr:nth-child(2n) code {
+  background-color: var(--sl-color-neutral-100);
+}
+
 kbd,
 .markdown-section kbd {
   font-family: var(--sl-font-mono);
@@ -343,7 +346,7 @@ kbd,
 .markdown-section pre .token.keyword,
 .markdown-section pre .token.tag,
 .markdown-section pre .token.url {
-  color: var(--sl-color-sky-700);
+  color: var(--sl-color-blue-700);
 }
 
 .markdown-section pre .token.symbol,
@@ -408,9 +411,8 @@ kbd,
   border: none;
 }
 
-.markdown-section tr,
 .markdown-section tr:nth-child(2n) {
-  background: none;
+  background: var(--sl-color-neutral-50);
 }
 
 .markdown-section th {
@@ -471,19 +473,19 @@ kbd,
 }
 
 .markdown-section p.warn {
-  border-left-color: var(--sl-color-primary-700);
+  border-left-color: var(--sl-color-primary-600);
 }
 
 .markdown-section p.warn:before {
-  background-color: var(--sl-color-primary-700);
+  background-color: var(--sl-color-primary-600);
 }
 
 .markdown-section p.tip {
-  border-left-color: var(--sl-color-danger-700);
+  border-left-color: var(--sl-color-danger-600);
 }
 
 .markdown-section p.tip:before {
-  background-color: var(--sl-color-danger-700);
+  background-color: var(--sl-color-danger-600);
 }
 
 .markdown-section p.tip code,
@@ -552,7 +554,7 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 .border-radius-demo {
   width: 3rem;
   height: 3rem;
-  background: var(--sl-color-primary-700);
+  background: var(--sl-color-primary-600);
 }
 
 /* Transition demo */
@@ -566,7 +568,7 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 .transition-demo:after {
   content: '';
   position: absolute;
-  background-color: var(--sl-color-primary-700);
+  background-color: var(--sl-color-primary-600);
   top: 0;
   left: 0;
   width: 0;
@@ -582,7 +584,7 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
 /* Spacing demo */
 .spacing-demo {
   width: 100px;
-  background: var(--sl-color-primary-700);
+  background: var(--sl-color-primary-600);
 }
 
 /* Elevation demo */
diff --git a/docs/components/animation.md b/docs/components/animation.md
index 34a426b78..29244a396 100644
--- a/docs/components/animation.md
+++ b/docs/components/animation.md
@@ -19,7 +19,7 @@ To animate an element, wrap it in `<sl-animation>` and set an animation `name`.
     display: inline-block;
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
     margin: 1.5rem;
   }
 </style>
@@ -33,7 +33,7 @@ const css = `
     display: inline-block;
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
     margin: 1.5rem;
   }
 `;
@@ -117,7 +117,7 @@ This example demonstrates all of the baked-in animations and easings. Animations
   .animation-sandbox .box {
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
   }
 
   .animation-sandbox .controls {
@@ -163,7 +163,7 @@ Use an [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/
     display: inline-block;
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
   }
 </style>
 ```
@@ -181,7 +181,7 @@ const css = `
     display: inline-block;
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
   }
 `;
 
@@ -253,7 +253,7 @@ Supply your own [keyframe formats](https://developer.mozilla.org/en-US/docs/Web/
   .animation-keyframes .box {
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
   }
 </style>
 ```
@@ -265,7 +265,7 @@ const css = `
   .animation-keyframes .box {
     width: 100px;
     height: 100px;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
   }
 `;
 
diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index f1eaeb2e0..5d5c1d052 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -14,13 +14,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Fixed a bug that prevented form submission from working as expected in some cases
 - Fixed a bug that prevented `<sl-split-panel>` from toggling `vertical` properly [#703](https://github.com/shoelace-style/shoelace/issues/703)
 - Fixed a bug that prevented `<sl-color-picker>` from rendering a color initially [#704](https://github.com/shoelace-style/shoelace/issues/704)
-- Improved accessibility throughout the docs
-- Improved contrast in all components to meet the [Level AA](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) standard
-- Improved accessibility of `<sl-dropdown>` so the trigger's expanded state is announced correctly
-- Improved accessibility of `<sl-format-date>` but rendering a `<time>` element instead of plain text
-- Improved accessibility of `<sl-select>` so disabled controls announce correct
 - Refactored `<sl-radio>` to move selection logic into `<sl-radio-group>`
-- Updated slot detection logic so it ignores visually hidden elements
 - Upgraded the status of `<sl-visually-hidden>` from experimental to stable
 
 ## 2.0.0-beta.71
diff --git a/src/components/alert/alert.styles.ts b/src/components/alert/alert.styles.ts
index ccf3813ef..7a05bf177 100644
--- a/src/components/alert/alert.styles.ts
+++ b/src/components/alert/alert.styles.ts
@@ -42,43 +42,43 @@ export default css`
   }
 
   .alert--primary {
-    border-top-color: var(--sl-color-primary-700);
+    border-top-color: var(--sl-color-primary-600);
   }
 
   .alert--primary .alert__icon {
-    color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-600);
   }
 
   .alert--success {
-    border-top-color: var(--sl-color-success-700);
+    border-top-color: var(--sl-color-success-600);
   }
 
   .alert--success .alert__icon {
-    color: var(--sl-color-success-700);
+    color: var(--sl-color-success-600);
   }
 
   .alert--neutral {
-    border-top-color: var(--sl-color-neutral-700);
+    border-top-color: var(--sl-color-neutral-600);
   }
 
   .alert--neutral .alert__icon {
-    color: var(--sl-color-neutral-700);
+    color: var(--sl-color-neutral-600);
   }
 
   .alert--warning {
-    border-top-color: var(--sl-color-warning-700);
+    border-top-color: var(--sl-color-warning-600);
   }
 
   .alert--warning .alert__icon {
-    color: var(--sl-color-warning-700);
+    color: var(--sl-color-warning-600);
   }
 
   .alert--danger {
-    border-top-color: var(--sl-color-danger-700);
+    border-top-color: var(--sl-color-danger-600);
   }
 
   .alert--danger .alert__icon {
-    color: var(--sl-color-danger-700);
+    color: var(--sl-color-danger-600);
   }
 
   .alert__message {
diff --git a/src/components/avatar/avatar.styles.ts b/src/components/avatar/avatar.styles.ts
index e1ede4339..7bc8f598a 100644
--- a/src/components/avatar/avatar.styles.ts
+++ b/src/components/avatar/avatar.styles.ts
@@ -17,7 +17,7 @@ export default css`
     position: relative;
     width: var(--size);
     height: var(--size);
-    background-color: var(--sl-color-neutral-500);
+    background-color: var(--sl-color-neutral-400);
     font-family: var(--sl-font-sans);
     font-size: calc(var(--size) * 0.5);
     font-weight: var(--sl-font-weight-normal);
diff --git a/src/components/badge/badge.styles.ts b/src/components/badge/badge.styles.ts
index e5479466c..e1e2e26f9 100644
--- a/src/components/badge/badge.styles.ts
+++ b/src/components/badge/badge.styles.ts
@@ -26,27 +26,27 @@ export default css`
 
   /* Variant modifiers */
   .badge--primary {
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   .badge--success {
-    background-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-600);
     color: var(--sl-color-neutral-0);
   }
 
   .badge--neutral {
-    background-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-600);
     color: var(--sl-color-neutral-0);
   }
 
   .badge--warning {
-    background-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-600);
     color: var(--sl-color-neutral-0);
   }
 
   .badge--danger {
-    background-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-600);
     color: var(--sl-color-neutral-0);
   }
 
diff --git a/src/components/breadcrumb-item/breadcrumb-item.styles.ts b/src/components/breadcrumb-item/breadcrumb-item.styles.ts
index 4042e4010..ae174294b 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.styles.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.styles.ts
@@ -15,7 +15,7 @@ export default css`
     font-family: var(--sl-font-sans);
     font-size: var(--sl-font-size-small);
     font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-700);
+    color: var(--sl-color-neutral-600);
     line-height: var(--sl-line-height-normal);
     white-space: nowrap;
   }
@@ -38,15 +38,15 @@ export default css`
   }
 
   :host(:not(:last-of-type)) .breadcrumb-item__label {
-    color: var(--sl-color-primary-700);
-  }
-
-  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
     color: var(--sl-color-primary-600);
   }
 
+  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
+    color: var(--sl-color-primary-500);
+  }
+
   :host(:not(:last-of-type)) .breadcrumb-item__label:active {
-    color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-600);
   }
 
   .breadcrumb-item__label${focusVisibleSelector} {
diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts
index a006b1a4f..aa7c46875 100644
--- a/src/components/button/button.styles.ts
+++ b/src/components/button/button.styles.ts
@@ -93,130 +93,130 @@ export default css`
 
   /* Primary */
   .button--standard.button--primary {
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--primary:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--primary${focusVisibleSelector}:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     color: var(--sl-color-neutral-0);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   /* Success */
   .button--standard.button--success {
-    background-color: var(--sl-color-success-700);
-    border-color: var(--sl-color-success-700);
-    color: var(--sl-color-neutral-0);
-  }
-
-  .button--standard.button--success:hover:not(.button--disabled) {
     background-color: var(--sl-color-success-600);
     border-color: var(--sl-color-success-600);
     color: var(--sl-color-neutral-0);
   }
 
+  .button--standard.button--success:hover:not(.button--disabled) {
+    background-color: var(--sl-color-success-500);
+    border-color: var(--sl-color-success-500);
+    color: var(--sl-color-neutral-0);
+  }
+
   .button--standard.button--success${focusVisibleSelector}:not(.button--disabled) {
-    background-color: var(--sl-color-success-700);
-    border-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-600);
     color: var(--sl-color-neutral-0);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--standard.button--success:active:not(.button--disabled) {
-    background-color: var(--sl-color-success-700);
-    border-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-600);
     color: var(--sl-color-neutral-0);
   }
 
   /* Neutral */
   .button--standard.button--neutral {
-    background-color: var(--sl-color-neutral-700);
-    border-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--neutral:hover:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
+    background-color: var(--sl-color-neutral-500);
+    border-color: var(--sl-color-neutral-500);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--neutral${focusVisibleSelector}:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
+    background-color: var(--sl-color-neutral-500);
+    border-color: var(--sl-color-neutral-500);
     color: var(--sl-color-neutral-0);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--standard.button--neutral:active:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-700);
-    border-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-600);
     color: var(--sl-color-neutral-0);
   }
 
   /* Warning */
   .button--standard.button--warning {
-    background-color: var(--sl-color-warning-700);
-    border-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-600);
     color: var(--sl-color-neutral-0);
   }
   .button--standard.button--warning:hover:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
+    background-color: var(--sl-color-warning-500);
+    border-color: var(--sl-color-warning-500);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--warning${focusVisibleSelector}:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
+    background-color: var(--sl-color-warning-500);
+    border-color: var(--sl-color-warning-500);
     color: var(--sl-color-neutral-0);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--standard.button--warning:active:not(.button--disabled) {
-    background-color: var(--sl-color-warning-700);
-    border-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-600);
     color: var(--sl-color-neutral-0);
   }
 
   /* Danger */
   .button--standard.button--danger {
-    background-color: var(--sl-color-danger-700);
-    border-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--danger:hover:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
+    background-color: var(--sl-color-danger-500);
+    border-color: var(--sl-color-danger-500);
     color: var(--sl-color-neutral-0);
   }
 
   .button--standard.button--danger${focusVisibleSelector}:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
+    background-color: var(--sl-color-danger-500);
+    border-color: var(--sl-color-danger-500);
     color: var(--sl-color-neutral-0);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--standard.button--danger:active:not(.button--disabled) {
-    background-color: var(--sl-color-danger-700);
-    border-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-600);
     color: var(--sl-color-neutral-0);
   }
 
@@ -237,134 +237,134 @@ export default css`
 
   .button--outline.button--default:hover:not(.button--disabled),
   .button--outline.button--default.button--checked:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--default${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--default:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-800);
-    background-color: var(--sl-color-primary-800);
+    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-700);
     color: var(--sl-color-neutral-0);
   }
 
   /* Primary */
   .button--outline.button--primary {
-    border-color: var(--sl-color-primary-700);
-    color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
   }
 
   .button--outline.button--primary:hover:not(.button--disabled),
   .button--outline.button--primary.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--primary${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--primary:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-800);
-    background-color: var(--sl-color-primary-800);
+    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-700);
     color: var(--sl-color-neutral-0);
   }
 
   /* Success */
   .button--outline.button--success {
-    border-color: var(--sl-color-success-700);
-    color: var(--sl-color-success-700);
+    border-color: var(--sl-color-success-600);
+    color: var(--sl-color-success-600);
   }
 
   .button--outline.button--success:hover:not(.button--disabled),
   .button--outline.button--success.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--success${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--success:active:not(.button--disabled) {
-    border-color: var(--sl-color-success-800);
-    background-color: var(--sl-color-success-800);
+    border-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-700);
     color: var(--sl-color-neutral-0);
   }
 
   /* Neutral */
   .button--outline.button--neutral {
-    border-color: var(--sl-color-neutral-700);
-    color: var(--sl-color-neutral-700);
+    border-color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-600);
   }
 
   .button--outline.button--neutral:hover:not(.button--disabled),
   .button--outline.button--neutral.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--neutral${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--neutral:active:not(.button--disabled) {
-    border-color: var(--sl-color-neutral-800);
-    background-color: var(--sl-color-neutral-800);
+    border-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-700);
     color: var(--sl-color-neutral-0);
   }
 
   /* Warning */
   .button--outline.button--warning {
-    border-color: var(--sl-color-warning-700);
-    color: var(--sl-color-warning-700);
+    border-color: var(--sl-color-warning-600);
+    color: var(--sl-color-warning-600);
   }
 
   .button--outline.button--warning:hover:not(.button--disabled),
   .button--outline.button--warning.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--warning${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--warning:active:not(.button--disabled) {
-    border-color: var(--sl-color-warning-800);
-    background-color: var(--sl-color-warning-800);
+    border-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-700);
     color: var(--sl-color-neutral-0);
   }
 
   /* Danger */
   .button--outline.button--danger {
-    border-color: var(--sl-color-danger-700);
-    color: var(--sl-color-danger-700);
+    border-color: var(--sl-color-danger-600);
+    color: var(--sl-color-danger-600);
   }
 
   .button--outline.button--danger:hover:not(.button--disabled),
   .button--outline.button--danger.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--danger${focusVisibleSelector}:not(.button--disabled) {
-    border-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .button--outline.button--danger:active:not(.button--disabled) {
-    border-color: var(--sl-color-danger-800);
-    background-color: var(--sl-color-danger-800);
+    border-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-700);
     color: var(--sl-color-neutral-0);
   }
 
@@ -375,19 +375,19 @@ export default css`
   .button--text {
     background-color: transparent;
     border-color: transparent;
-    color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-600);
   }
 
   .button--text:hover:not(.button--disabled) {
     background-color: transparent;
     border-color: transparent;
-    color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-500);
   }
 
   .button--text${focusVisibleSelector}:not(.button--disabled) {
     background-color: transparent;
     border-color: transparent;
-    color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
@@ -628,7 +628,7 @@ export default css`
     top: 0;
     left: 0;
     bottom: 0;
-    border-left: solid 1px rgb(128 128 128 / 40%);
+    border-left: solid 1px rgb(128 128 128 / 33%);
     mix-blend-mode: multiply;
   }
 
diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts
index 8a59ced96..5ce6fdcdc 100644
--- a/src/components/checkbox/checkbox.styles.ts
+++ b/src/components/checkbox/checkbox.styles.ts
@@ -73,15 +73,15 @@ export default css`
   /* Checked/indeterminate */
   .checkbox--checked .checkbox__control,
   .checkbox--indeterminate .checkbox__control {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
   }
 
   /* Checked/indeterminate + hover */
   .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
   .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
   }
 
   /* Checked/indeterminate + focus */
@@ -89,8 +89,8 @@ export default css`
   .checkbox.checkbox--indeterminate:not(.checkbox--disabled)
     .checkbox__input${focusVisibleSelector}
     ~ .checkbox__control {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts
index 9b7bdafee..5471c144c 100644
--- a/src/components/menu-item/menu-item.styles.ts
+++ b/src/components/menu-item/menu-item.styles.ts
@@ -64,7 +64,7 @@ export default css`
   :host(:hover:not([aria-disabled='true'])) .menu-item,
   :host(${focusVisibleSelector}:not(.sl-focus-invisible):not([aria-disabled='true'])) .menu-item {
     outline: none;
-    background-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts
index 11220fbad..72bf9f636 100644
--- a/src/components/progress-bar/progress-bar.styles.ts
+++ b/src/components/progress-bar/progress-bar.styles.ts
@@ -7,7 +7,7 @@ export default css`
   :host {
     --height: 1rem;
     --track-color: var(--sl-color-neutral-200);
-    --indicator-color: var(--sl-color-primary-700);
+    --indicator-color: var(--sl-color-primary-600);
     --label-color: var(--sl-color-neutral-0);
 
     display: block;
diff --git a/src/components/progress-ring/progress-ring.styles.ts b/src/components/progress-ring/progress-ring.styles.ts
index b5b85922a..07cc8c0cb 100644
--- a/src/components/progress-ring/progress-ring.styles.ts
+++ b/src/components/progress-ring/progress-ring.styles.ts
@@ -8,7 +8,7 @@ export default css`
     --size: 128px;
     --track-width: 4px;
     --track-color: var(--sl-color-neutral-200);
-    --indicator-color: var(--sl-color-primary-700);
+    --indicator-color: var(--sl-color-primary-600);
 
     display: inline-flex;
   }
diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts
index 5c01388b5..190313e22 100644
--- a/src/components/radio/radio.styles.ts
+++ b/src/components/radio/radio.styles.ts
@@ -71,20 +71,20 @@ export default css`
   /* Checked */
   .radio--checked .radio__control {
     color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
   }
 
   /* Checked + hover */
   .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
   }
 
   /* Checked + focus */
   .radio.radio--checked:not(.radio--disabled) .radio__input${focusVisibleSelector} ~ .radio__control {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
diff --git a/src/components/range/range.styles.ts b/src/components/range/range.styles.ts
index b9862a39e..33a60daa3 100644
--- a/src/components/range/range.styles.ts
+++ b/src/components/range/range.styles.ts
@@ -44,8 +44,8 @@ export default css`
     width: var(--thumb-size);
     height: var(--thumb-size);
     border-radius: 50%;
-    background-color: var(--sl-color-primary-700);
-    border: solid var(--sl-input-border-width) var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border: solid var(--sl-input-border-width) var(--sl-color-primary-600);
     -webkit-appearance: none;
     margin-top: calc(var(--thumb-size) / -2 + var(--track-height) / 2);
     transition: var(--sl-transition-fast) border-color, var(--sl-transition-fast) background-color,
@@ -54,19 +54,19 @@ export default css`
   }
 
   .range__control:enabled::-webkit-slider-thumb:hover {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
   }
 
   .range__control:enabled${focusVisibleSelector}::-webkit-slider-thumb {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .range__control:enabled::-webkit-slider-thumb:active {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     cursor: grabbing;
   }
 
@@ -94,27 +94,27 @@ export default css`
     height: var(--thumb-size);
     width: var(--thumb-size);
     border-radius: 50%;
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
     transition: var(--sl-transition-fast) border-color, var(--sl-transition-fast) background-color,
       var(--sl-transition-fast) color, var(--sl-transition-fast) box-shadow, var(--sl-transition-fast) transform;
     cursor: pointer;
   }
 
   .range__control:enabled::-moz-range-thumb:hover {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
   }
 
   .range__control:enabled${focusVisibleSelector}::-moz-range-thumb {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     box-shadow: var(--sl-focus-ring);
   }
 
   .range__control:enabled::-moz-range-thumb:active {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
     cursor: grabbing;
   }
 
diff --git a/src/components/spinner/spinner.styles.ts b/src/components/spinner/spinner.styles.ts
index f4f54fa47..57a51371a 100644
--- a/src/components/spinner/spinner.styles.ts
+++ b/src/components/spinner/spinner.styles.ts
@@ -7,7 +7,7 @@ export default css`
   :host {
     --track-width: 2px;
     --track-color: rgb(128 128 128 / 25%);
-    --indicator-color: var(--sl-color-primary-700);
+    --indicator-color: var(--sl-color-primary-600);
     --speed: 2s;
 
     display: inline-flex;
diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts
index c95ec9d29..9daaaa065 100644
--- a/src/components/switch/switch.styles.ts
+++ b/src/components/switch/switch.styles.ts
@@ -79,37 +79,37 @@ export default css`
     ~ .switch__control
     .switch__thumb {
     background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
     box-shadow: var(--sl-focus-ring);
   }
 
   /* Checked */
   .switch--checked .switch__control {
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
   }
 
   .switch--checked .switch__control .switch__thumb {
     background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
     transform: translateX(calc((var(--width) - var(--height)) / 2));
   }
 
   /* Checked + hover */
   .switch.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
   }
 
   .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
     background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
   }
 
   /* Checked + focus */
   .switch.switch--checked:not(.switch--disabled) .switch__input${focusVisibleSelector} ~ .switch__control {
-    background-color: var(--sl-color-primary-700);
-    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
   }
 
   .switch.switch--checked:not(.switch--disabled)
@@ -117,7 +117,7 @@ export default css`
     ~ .switch__control
     .switch__thumb {
     background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-600);
     box-shadow: var(--sl-focus-ring);
   }
 
diff --git a/src/components/tab-group/tab-group.styles.ts b/src/components/tab-group/tab-group.styles.ts
index 1b75085fd..20fd0d493 100644
--- a/src/components/tab-group/tab-group.styles.ts
+++ b/src/components/tab-group/tab-group.styles.ts
@@ -6,7 +6,7 @@ export default css`
 
   :host {
     --track-color: var(--sl-color-neutral-200);
-    --indicator-color: var(--sl-color-primary-700);
+    --indicator-color: var(--sl-color-primary-600);
 
     display: block;
   }
diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts
index 892cf4c16..8f07e5b72 100644
--- a/src/components/tab/tab.styles.ts
+++ b/src/components/tab/tab.styles.ts
@@ -25,7 +25,7 @@ export default css`
   }
 
   .tab:hover:not(.tab--disabled) {
-    color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-600);
   }
 
   .tab:focus {
@@ -37,15 +37,15 @@ export default css`
     box-shadow: inset var(--sl-focus-ring);
   }
 
-  .tab--active:not(.tab--disabled) {
-    color: var(--sl-color-primary-700);
+  .tab.tab--active:not(.tab--disabled) {
+    color: var(--sl-color-primary-600);
   }
 
-  .tab--closable {
+  .tab.tab--closable {
     padding-right: var(--sl-spacing-small);
   }
 
-  .tab--disabled {
+  .tab.tab--disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
diff --git a/src/themes/dark.css b/src/themes/dark.css
index c65ceb4fb..a45f4b08d 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -407,7 +407,7 @@
   /* Focus ring */
   --sl-focus-ring-alpha: 45%;
   --sl-focus-ring-width: 3px;
-  --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) hsl(198.6 93.1% 60% / var(--sl-focus-ring-alpha));
+  --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) hsl(198.6 88.7% 48.4% / var(--sl-focus-ring-alpha));
 
   /* Buttons */
   --sl-button-font-size-small: var(--sl-font-size-x-small);
diff --git a/src/themes/light.css b/src/themes/light.css
index 8ac530637..874670ffd 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -407,7 +407,7 @@
   /* Focus rings */
   --sl-focus-ring-alpha: 40%;
   --sl-focus-ring-width: 3px;
-  --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) hsl(201.2 91.3% 40.8% / var(--sl-focus-ring-alpha));
+  --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) hsl(198.6 88.7% 48.4% / var(--sl-focus-ring-alpha));
 
   /* Buttons */
   --sl-button-font-size-small: var(--sl-font-size-x-small);