umberto 7.0.2 → 8.0.0

package/themes/umberto/source/gloria/assets/_img/icons/more.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.75 6.7146C15.75 7.31134 15.9871 7.88363 16.409 8.30559C16.831 8.72755 17.4033 8.9646 18 8.9646C18.5967 8.9646 19.169 8.72755 19.591 8.30559C20.0129 7.88363 20.25 7.31134 20.25 6.7146C20.25 6.11786 20.0129 5.54557 19.591 5.12361C19.169 4.70165 18.5967 4.4646 18 4.4646C17.4033 4.4646 16.831 4.70165 16.409 5.12361C15.9871 5.54557 15.75 6.11786 15.75 6.7146ZM15.75 17.9646C15.75 18.5613 15.9871 19.1336 16.409 19.5556C16.831 19.9775 17.4033 20.2146 18 20.2146C18.5967 20.2146 19.169 19.9775 19.591 19.5556C20.0129 19.1336 20.25 18.5613 20.25 17.9646C20.25 17.3679 20.0129 16.7956 19.591 16.3736C19.169 15.9517 18.5967 15.7146 18 15.7146C17.4033 15.7146 16.831 15.9517 16.409 16.3736C15.9871 16.7956 15.75 17.3679 15.75 17.9646ZM15.75 29.2146C15.75 29.8113 15.9871 30.3836 16.409 30.8056C16.831 31.2275 17.4033 31.4646 18 31.4646C18.5967 31.4646 19.169 31.2275 19.591 30.8056C20.0129 30.3836 20.25 29.8113 20.25 29.2146C20.25 28.6179 20.0129 28.0456 19.591 27.6236C19.169 27.2017 18.5967 26.9646 18 26.9646C17.4033 26.9646 16.831 27.2017 16.409 27.6236C15.9871 28.0456 15.75 28.6179 15.75 29.2146Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/notification.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.7863 1.93335C32.6336 1.93335 32.4769 1.96147 32.3202 2.02576L9.16131 11.3311H2.57203C2.21845 11.3311 1.92917 11.6284 1.92917 11.9981V24.0115C1.92917 24.3811 2.21845 24.6784 2.57203 24.6784H6.65819C6.50953 25.1445 6.42917 25.6387 6.42917 26.1409C6.42917 28.7887 8.59078 30.9423 11.2506 30.9423C13.4765 30.9423 15.3528 29.4316 15.9073 27.3905L32.3243 33.9878C32.481 34.0481 32.6377 34.0802 32.7903 34.0802C33.4693 34.0802 34.076 33.5097 34.076 32.7463V3.26728C34.072 2.50389 33.4693 1.93335 32.7863 1.93335ZM11.2506 28.0615C10.1859 28.0615 9.32203 27.2017 9.32203 26.1409C9.32203 25.6909 9.47872 25.261 9.76399 24.9195L13.1752 26.2896C13.0948 27.278 12.2631 28.0615 11.2506 28.0615ZM31.1792 30.4079L10.2381 21.9945L9.71979 21.7856H4.82203V14.224H9.71979L10.2381 14.015L31.1792 5.60165V30.4079Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/number.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.4625 13.2614C32.6392 13.2614 32.7839 13.1168 32.7839 12.94V10.5293C32.7839 10.3525 32.6392 10.2079 32.4625 10.2079H25.8732V3.53823C25.8732 3.36144 25.7285 3.2168 25.5517 3.2168H22.9803C22.8035 3.2168 22.6589 3.36144 22.6589 3.53823V10.2079H13.4982V3.53823C13.4982 3.36144 13.3535 3.2168 13.1767 3.2168H10.6053C10.4285 3.2168 10.2839 3.36144 10.2839 3.53823V10.2079H3.53388C3.35709 10.2079 3.21245 10.3525 3.21245 10.5293V12.94C3.21245 13.1168 3.35709 13.2614 3.53388 13.2614H10.2839V22.7436H3.53388C3.35709 22.7436 3.21245 22.8882 3.21245 23.065V25.4757C3.21245 25.6525 3.35709 25.7972 3.53388 25.7972H10.2839V32.4668C10.2839 32.6436 10.4285 32.7882 10.6053 32.7882H13.1767C13.3535 32.7882 13.4982 32.6436 13.4982 32.4668V25.7972H22.6589V32.4668C22.6589 32.6436 22.8035 32.7882 22.9803 32.7882H25.5517C25.7285 32.7882 25.8732 32.6436 25.8732 32.4668V25.7972H32.4625C32.6392 25.7972 32.7839 25.6525 32.7839 25.4757V23.065C32.7839 22.8882 32.6392 22.7436 32.4625 22.7436H25.8732V13.2614H32.4625ZM22.6589 22.7436H13.4982V13.2614H22.6589V22.7436Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/premium.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.915 11.6187L23.7136 10.1361L19.1534 0.890975C19.0288 0.63785 18.8239 0.432939 18.5708 0.308385C17.9359 -0.00500745 17.1645 0.256153 16.8471 0.890975L12.2868 10.1361L2.0855 11.6187C1.80425 11.6588 1.54711 11.7914 1.35023 11.9923C1.11222 12.2369 0.981066 12.5661 0.985587 12.9073C0.990107 13.2486 1.12993 13.5742 1.37434 13.8124L8.75514 21.0084L7.01139 31.1695C6.9705 31.4059 6.99666 31.649 7.0869 31.8713C7.17713 32.0935 7.32784 32.2861 7.52194 32.427C7.71603 32.568 7.94573 32.6518 8.18501 32.6688C8.42428 32.6859 8.66355 32.6356 8.87568 32.5236L18.0002 27.7262L27.1248 32.5236C27.3739 32.6562 27.6632 32.7003 27.9404 32.6521C28.6395 32.5316 29.1096 31.8687 28.9891 31.1695L27.2453 21.0084L34.6261 13.8124C34.827 13.6155 34.9596 13.3584 34.9998 13.0771C35.1083 12.374 34.6181 11.7231 33.915 11.6187ZM24.1395 19.9959L25.59 28.4454L18.0002 24.4597L10.4105 28.4495L11.8609 19.9999L5.72166 14.0133L14.2074 12.7798L18.0002 5.09365L21.7931 12.7798L30.2788 14.0133L24.1395 19.9959Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/right.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.1933 16.9884L10.0808 2.84157C10.0335 2.80431 9.9766 2.78115 9.9167 2.77476C9.85681 2.76837 9.79632 2.779 9.7422 2.80543C9.68807 2.83186 9.6425 2.87303 9.61071 2.92419C9.57893 2.97536 9.56222 3.03446 9.5625 3.09469V6.2005C9.5625 6.39737 9.65491 6.58621 9.80759 6.70674L24.2719 18.0009L9.80759 29.2951C9.6509 29.4157 9.5625 29.6045 9.5625 29.8014V32.9072C9.5625 33.1764 9.87188 33.325 10.0808 33.1603L28.1933 19.0134C28.3473 18.8934 28.4718 18.7398 28.5574 18.5643C28.6431 18.3889 28.6876 18.1962 28.6876 18.0009C28.6876 17.8057 28.6431 17.613 28.5574 17.4376C28.4718 17.2621 28.3473 17.1085 28.1933 16.9884Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/search.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.9756 31.7659L23.5413 21.3316C25.1604 19.2383 26.0363 16.6789 26.0363 13.9869C26.0363 10.7646 24.7788 7.74317 22.5046 5.46505C20.2305 3.18692 17.2011 1.93335 13.9828 1.93335C10.7645 1.93335 7.735 3.19094 5.4609 5.46505C3.18277 7.73915 1.9292 10.7646 1.9292 13.9869C1.9292 17.2052 3.18679 20.2347 5.4609 22.5088C7.735 24.7869 10.7604 26.0405 13.9828 26.0405C16.6747 26.0405 19.2301 25.1646 21.3234 23.5494L31.7578 33.9798C31.7884 34.0104 31.8247 34.0347 31.8647 34.0512C31.9047 34.0678 31.9475 34.0763 31.9908 34.0763C32.0341 34.0763 32.0769 34.0678 32.1169 34.0512C32.1569 34.0347 32.1932 34.0104 32.2238 33.9798L33.9756 32.232C34.0062 32.2014 34.0305 32.1651 34.0471 32.1251C34.0637 32.0851 34.0722 32.0423 34.0722 31.999C34.0722 31.9557 34.0637 31.9128 34.0471 31.8728C34.0305 31.8329 34.0062 31.7965 33.9756 31.7659ZM20.3471 20.3512C18.6435 22.0508 16.3854 22.9869 13.9828 22.9869C11.5801 22.9869 9.32206 22.0508 7.61848 20.3512C5.91893 18.6476 4.98277 16.3896 4.98277 13.9869C4.98277 11.5842 5.91893 9.32219 7.61848 7.62264C9.32206 5.92308 11.5801 4.98692 13.9828 4.98692C16.3854 4.98692 18.6475 5.91906 20.3471 7.62264C22.0466 9.32621 22.9828 11.5842 22.9828 13.9869C22.9828 16.3896 22.0466 18.6517 20.3471 20.3512Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/status.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.2143 28.2808H29.25V14.6201C29.25 8.95092 25.0594 4.2661 19.6071 3.48663V1.92369C19.6071 1.03574 18.8879 0.316544 18 0.316544C17.1121 0.316544 16.3929 1.03574 16.3929 1.92369V3.48663C10.9406 4.2661 6.75 8.95092 6.75 14.6201V28.2808H5.78571C5.07455 28.2808 4.5 28.8554 4.5 29.5665V30.8523C4.5 31.029 4.64464 31.1737 4.82143 31.1737H13.5C13.5 33.6567 15.517 35.6737 18 35.6737C20.483 35.6737 22.5 33.6567 22.5 31.1737H31.1786C31.3554 31.1737 31.5 31.029 31.5 30.8523V29.5665C31.5 28.8554 30.9254 28.2808 30.2143 28.2808ZM18 33.1023C16.9353 33.1023 16.0714 32.2384 16.0714 31.1737H19.9286C19.9286 32.2384 19.0647 33.1023 18 33.1023ZM9.64286 28.2808V14.6201C9.64286 12.3862 10.5107 10.2889 12.0897 8.70985C13.6688 7.13083 15.7661 6.26297 18 6.26297C20.2339 6.26297 22.3313 7.13083 23.9103 8.70985C25.4893 10.2889 26.3571 12.3862 26.3571 14.6201V28.2808H9.64286Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/trash.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8923 4.81766H11.5708C11.7476 4.81766 11.8923 4.67302 11.8923 4.49623V4.81766H24.1066V4.49623C24.1066 4.67302 24.2512 4.81766 24.428 4.81766H24.1066V7.71052H26.9994V4.49623C26.9994 3.07793 25.8463 1.9248 24.428 1.9248H11.5708C10.1525 1.9248 8.9994 3.07793 8.9994 4.49623V7.71052H11.8923V4.81766ZM32.1423 7.71052H3.85655C3.14538 7.71052 2.57083 8.28507 2.57083 8.99623V10.2819C2.57083 10.4587 2.71547 10.6034 2.89226 10.6034H5.31905L6.31146 31.6168C6.37574 32.9869 7.50878 34.0677 8.87887 34.0677H27.1199C28.4941 34.0677 29.6231 32.9909 29.6874 31.6168L30.6798 10.6034H33.1066C33.2833 10.6034 33.428 10.4587 33.428 10.2819V8.99623C33.428 8.28507 32.8534 7.71052 32.1423 7.71052ZM26.8106 31.1748H9.18824L8.21592 10.6034H27.7829L26.8106 31.1748Z" fill="#262626"/>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/unordered-list.svg

@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon-wrapper">
+<path id="Union" d="M13.25 2.00098H4.125C4.05625 2.00098 4 2.05723 4 2.12598V3.00098C4 3.06973 4.05625 3.12598 4.125 3.12598H13.25C13.3188 3.12598 13.375 3.06973 13.375 3.00098V2.12598C13.375 2.05723 13.3188 2.00098 13.25 2.00098ZM13.25 6.43848H4.125C4.05625 6.43848 4 6.49473 4 6.56348V7.43848C4 7.50723 4.05625 7.56348 4.125 7.56348H13.25C13.3188 7.56348 13.375 7.50723 13.375 7.43848V6.56348C13.375 6.49473 13.3188 6.43848 13.25 6.43848ZM13.25 10.876H4.125C4.05625 10.876 4 10.9322 4 11.001V11.876C4 11.9447 4.05625 12.001 4.125 12.001H13.25C13.3188 12.001 13.375 11.9447 13.375 11.876V11.001C13.375 10.9322 13.3188 10.876 13.25 10.876ZM0.625 2.56348C0.625 2.67838 0.647633 2.79216 0.691605 2.89832C0.735578 3.00448 0.80003 3.10094 0.881282 3.1822C0.962533 3.26345 1.05899 3.3279 1.16515 3.37187C1.27131 3.41584 1.38509 3.43848 1.5 3.43848C1.61491 3.43848 1.72869 3.41584 1.83485 3.37187C1.94101 3.3279 2.03747 3.26345 2.11872 3.1822C2.19997 3.10094 2.26442 3.00448 2.30839 2.89832C2.35237 2.79216 2.375 2.67838 2.375 2.56348C2.375 2.44857 2.35237 2.33479 2.30839 2.22863C2.26442 2.12247 2.19997 2.02601 2.11872 1.94476C2.03747 1.86351 1.94101 1.79905 1.83485 1.75508C1.72869 1.71111 1.61491 1.68848 1.5 1.68848C1.38509 1.68848 1.27131 1.71111 1.16515 1.75508C1.05899 1.79905 0.962533 1.86351 0.881282 1.94476C0.80003 2.02601 0.735578 2.12247 0.691605 2.22863C0.647633 2.33479 0.625 2.44857 0.625 2.56348V2.56348ZM0.625 7.00098C0.625 7.11588 0.647633 7.22967 0.691605 7.33582C0.735578 7.44198 0.80003 7.53844 0.881282 7.61969C0.962533 7.70095 1.05899 7.7654 1.16515 7.80937C1.27131 7.85334 1.38509 7.87598 1.5 7.87598C1.61491 7.87598 1.72869 7.85334 1.83485 7.80937C1.94101 7.7654 2.03747 7.70095 2.11872 7.61969C2.19997 7.53844 2.26442 7.44198 2.30839 7.33582C2.35237 7.22967 2.375 7.11588 2.375 7.00098C2.375 6.88607 2.35237 6.77229 2.30839 6.66613C2.26442 6.55997 2.19997 6.46351 2.11872 6.38226C2.03747 6.30101 1.94101 6.23655 1.83485 6.19258C1.72869 6.14861 1.61491 6.12598 1.5 6.12598C1.38509 6.12598 1.27131 6.14861 1.16515 6.19258C1.05899 6.23655 0.962533 6.30101 0.881282 6.38226C0.80003 6.46351 0.735578 6.55997 0.691605 6.66613C0.647633 6.77229 0.625 6.88607 0.625 7.00098V7.00098ZM0.625 11.4385C0.625 11.5534 0.647633 11.6672 0.691605 11.7733C0.735578 11.8795 0.80003 11.9759 0.881282 12.0572C0.962533 12.1384 1.05899 12.2029 1.16515 12.2469C1.27131 12.2908 1.38509 12.3135 1.5 12.3135C1.61491 12.3135 1.72869 12.2908 1.83485 12.2469C1.94101 12.2029 2.03747 12.1384 2.11872 12.0572C2.19997 11.9759 2.26442 11.8795 2.30839 11.7733C2.35237 11.6672 2.375 11.5534 2.375 11.4385C2.375 11.3236 2.35237 11.2098 2.30839 11.1036C2.26442 10.9975 2.19997 10.901 2.11872 10.8198C2.03747 10.7385 1.94101 10.6741 1.83485 10.6301C1.72869 10.5861 1.61491 10.5635 1.5 10.5635C1.38509 10.5635 1.27131 10.5861 1.16515 10.6301C1.05899 10.6741 0.962533 10.7385 0.881282 10.8198C0.80003 10.901 0.735578 10.9975 0.691605 11.1036C0.647633 11.2098 0.625 11.3236 0.625 11.4385V11.4385Z" fill="currentColor"/>
+</g>
+</svg>

package/themes/umberto/source/gloria/assets/_img/icons/warning.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_207_10017)">
+<path d="M16.0724 26.3571C16.0724 26.8686 16.2756 27.3592 16.6373 27.7208C16.999 28.0825 17.4895 28.2857 18.001 28.2857C18.5125 28.2857 19.003 28.0825 19.3647 27.7208C19.7264 27.3592 19.9296 26.8686 19.9296 26.3571C19.9296 25.8457 19.7264 25.3551 19.3647 24.9934C19.003 24.6318 18.5125 24.4286 18.001 24.4286C17.4895 24.4286 16.999 24.6318 16.6373 24.9934C16.2756 25.3551 16.0724 25.8457 16.0724 26.3571ZM16.7153 14.1429V21.5357C16.7153 21.7125 16.8599 21.8571 17.0367 21.8571H18.9653C19.1421 21.8571 19.2867 21.7125 19.2867 21.5357V14.1429C19.2867 13.9661 19.1421 13.8214 18.9653 13.8214H17.0367C16.8599 13.8214 16.7153 13.9661 16.7153 14.1429ZM35.8283 31.8214L19.114 2.89286C18.8649 2.46295 18.4349 2.25 18.001 2.25C17.5671 2.25 17.1332 2.46295 16.8881 2.89286L0.173786 31.8214C-0.32041 32.6813 0.298339 33.75 1.28673 33.75H34.7153C35.7037 33.75 36.3224 32.6813 35.8283 31.8214ZM4.34834 30.7004L18.001 7.06741L31.6537 30.7004H4.34834Z" fill="#262626"/>
+</g>
+<defs>
+<clipPath id="clip0_207_10017">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/themes/umberto/src/gloria/css/_fonts.scss

@@ -0,0 +1,51 @@
+/* Font definitions for the Gloria theme
+ * This file contains @font-face declarations for fonts in this directory
+ */
+
+/* MULISH FONT */
+@font-face {
+	font-family: 'Mulish';
+	src:
+		url('../fonts/Mulish/Mulish-VariableFont_wght.woff2') format('woff2'),
+		url('../fonts/Mulish/Mulish-VariableFont_wght.ttf') format('truetype');
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Mulish';
+	src:
+		url('../fonts/Mulish/Mulish-Italic-VariableFont_wght.woff2') format('woff2'),
+		url('../fonts/Mulish/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
+	font-style: italic;
+	font-display: swap;
+}
+
+/* PUBLIC SANS */
+@font-face {
+	font-family: 'Public Sans';
+	src:
+		url('../fonts/Public_Sans/PublicSans-VariableFont_wght.woff2') format('woff2'),
+		url('../fonts/Public_Sans/PublicSans-VariableFont_wght.ttf') format('truetype');
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'Public Sans';
+	src:
+		url('../fonts/Public_Sans/PublicSans-Italic-VariableFont_wght.woff2') format('woff2'),
+		url('../fonts/Public_Sans/PublicSans-Italic-VariableFont_wght.ttf') format('truetype');
+	font-style: italic;
+	font-display: swap;
+}
+
+/* MENLO */
+@font-face {
+	font-family: 'Menlo';
+	src:
+		url('../fonts/Menlo/Menlo-Regular.woff') format('woff'),
+		url('../fonts/Menlo/Menlo-Regular.ttf') format('truetype');
+	font-style: normal;
+	font-display: swap;
+}

package/themes/umberto/src/gloria/css/_layers.scss

@@ -0,0 +1 @@
+@layer normalize, third-party, editor, base, a11y, layout, components, modules, doc, snippets, utils, theme;

package/themes/umberto/src/gloria/css/_normalize.scss

@@ -0,0 +1,118 @@
+@layer normalize {
+	*,
+	::before,
+	::after {
+		box-sizing: border-box;
+	}
+
+	html {
+		font-family:
+			system-ui,
+			'Segoe UI',
+			Roboto,
+			Helvetica,
+			Arial,
+			sans-serif,
+			'Apple Color Emoji',
+			'Segoe UI Emoji';
+		line-height: 1.15;
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+	}
+
+	body {
+		margin: 0;
+	}
+
+	b,
+	strong {
+		font-weight: bolder;
+	}
+
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Consolas,
+			'Liberation Mono',
+			Menlo,
+			monospace;
+		font-size: 1em;
+	}
+
+	small {
+		font-size: 80%;
+	}
+
+	sub,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sub {
+		bottom: -0.25em;
+	}
+
+	sup {
+		top: -0.5em;
+	}
+
+	table {
+		border-color: currentcolor;
+	}
+
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		line-height: 1.15;
+		margin: 0;
+	}
+
+	button,
+	[type='button'],
+	[type='reset'],
+	[type='submit'] {
+		-webkit-appearance: button;
+	}
+
+	legend {
+		padding: 0;
+	}
+
+	progress {
+		vertical-align: baseline;
+	}
+
+	::-webkit-inner-spin-button,
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+
+	[type='search'] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+
+	summary {
+		display: list-item;
+	}
+}

package/themes/umberto/src/gloria/css/a11y/_focusable.scss

@@ -0,0 +1,7 @@
+@use './mixins' as *;
+
+@layer a11y {
+	.a11y-focusable {
+		@include a11y-keyboard-focus-ring;
+	}
+}

package/themes/umberto/src/gloria/css/a11y/_index.scss

@@ -0,0 +1,4 @@
+@use 'mixins';
+@use 'screen-reader';
+@use 'focusable';
+@use 'reduce-motion';

package/themes/umberto/src/gloria/css/a11y/_mixins.scss

@@ -0,0 +1,32 @@
+@use 'sass:list';
+
+@mixin a11y-focus-ring-outline($inset: false) {
+	$inset-value: if($inset, 'inset', '');
+
+	outline: 0;
+	box-shadow: 0 0 0 .2rem var(--a11y-focus-ring-color, color-mix(in srgb, var(--color-primary-500) 20%, transparent)) #{$inset-value};
+	border-width: var(--a11y-focus-border-width, 1px);
+	border-color: var(--a11y-focus-border-color, var(--color-primary-500));
+}
+
+@mixin a11y-focus-transitions($additional-transitions...) {
+	$default-transitions:
+		border-color var(--duration-ultra-fast) var(--smoothstep),
+		box-shadow var(--duration-ultra-fast) var(--smoothstep);
+
+	@if list.length($additional-transitions) > 0 {
+		transition: $default-transitions, $additional-transitions;
+	} @else {
+		transition: $default-transitions;
+	}
+}
+
+@mixin a11y-keyboard-focus-ring($with-transition: true, $inset: false, $additional-transitions...) {
+	@if $with-transition {
+		@include a11y-focus-transitions($additional-transitions...);
+	}
+
+	&:focus-visible {
+		@include a11y-focus-ring-outline($inset);
+	}
+}

package/themes/umberto/src/gloria/css/a11y/_reduce-motion.scss

@@ -0,0 +1,9 @@
+@layer a11y {
+	@media (prefers-reduced-motion: reduce) {
+		* {
+			animation-duration: 0.001ms !important;
+			animation-iteration-count: 1 !important;
+			transition-duration: 0.001ms !important;
+		}
+	}
+}

package/themes/umberto/src/gloria/css/a11y/_screen-reader.scss

@@ -0,0 +1,15 @@
+@use './mixins' as *;
+
+@layer a11y {
+	.a11y-sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+	}
+}

package/themes/umberto/src/gloria/css/base/_buttons.scss

@@ -0,0 +1,13 @@
+@use '../a11y/mixins' as *;
+
+@layer base {
+	.b-reset-button {
+		appearance: none;
+		background: none;
+		border: none;
+		padding: 0;
+		font: inherit;
+		color: inherit;
+		cursor: pointer;
+	}
+}

package/themes/umberto/src/gloria/css/base/_descriptions-list.scss

@@ -0,0 +1,33 @@
+@layer base {
+	.b-description {
+		margin-bottom: var(--spacing-4);
+
+		&__term {
+			font-weight: var(--font-weight-semibold);
+			margin-bottom: var(--spacing-2);
+		}
+
+		&__details {
+			margin-bottom: var(--spacing-4);
+			margin-left: var(--spacing-4);
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	.b-prose {
+		dl {
+			@extend .b-description;
+		}
+
+		dt {
+			@extend .b-description__term;
+		}
+
+		dd {
+			@extend .b-description__details;
+		}
+	}
+}

package/themes/umberto/src/gloria/css/base/_details.scss

@@ -0,0 +1,7 @@
+@layer base {
+	.b-details {
+		&[open] .b-details__summary {
+			font-weight: var(--font-weight-bold);
+		}
+	}
+}

package/themes/umberto/src/gloria/css/base/_headings.scss

@@ -0,0 +1,111 @@
+@use '../layout/mixins' as *;
+@use 'typography' as *;
+
+@layer base {
+	.b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6,
+	.b-prose h1,
+	.b-prose h2,
+	.b-prose h3,
+	.b-prose h4,
+	.b-prose h5,
+	.b-prose h6 {
+		@extend .b-font-heading;
+	}
+
+	.b-prose h1,
+	.b-h1,
+	.b-heading:has(h1) {
+		margin-top: var(--spacing-14);
+		margin-bottom: var(--spacing-7);
+		font-size: 2.2rem;
+		font-weight: var(--font-weight-bold);
+
+		@include mobile {
+			margin-top: var(--spacing-10);
+			margin-bottom: var(--spacing-5);
+			font-size: 1.5rem;
+		}
+	}
+
+	.b-prose h2,
+	.b-h2,
+	.b-heading:has(.b-h2) {
+		margin-top: var(--spacing-12);
+		margin-bottom: var(--spacing-6);
+		font-size: 1.6rem;
+		font-weight: var(--font-weight-bold);
+
+		@include mobile {
+			margin-top: var(--spacing-9);
+			margin-bottom: var(--spacing-4);
+			font-size: 1.35rem;
+		}
+	}
+
+	.b-prose h3,
+	.b-h3,
+	.b-heading:has(.b-h3) {
+		margin-top: var(--spacing-10);
+		margin-bottom: var(--spacing-4);
+		font-size: 1.4rem;
+		font-weight: var(--font-weight-bold);
+
+		@include mobile {
+			margin-top: var(--spacing-8);
+			margin-bottom: var(--spacing-3);
+			font-size: 1.2rem;
+		}
+	}
+
+	.b-prose h4,
+	.b-h4,
+	.b-heading:has(.b-h4) {
+		margin-top: var(--spacing-9);
+		margin-bottom: var(--spacing-6);
+		font-size: 1.25rem;
+		font-weight: var(--font-weight-semibold);
+
+		@include mobile {
+			margin-top: var(--spacing-7);
+			margin-bottom: var(--spacing-5);
+			font-size: 1.1rem;
+		}
+	}
+
+	.b-prose h5,
+	.b-h5,
+	.b-heading:has(.b-h5) {
+		margin-top: var(--spacing-8);
+		margin-bottom: var(--spacing-4);
+		font-size: 1.1rem;
+		font-weight: var(--font-weight-semibold);
+
+		@include mobile {
+			margin-top: var(--spacing-6);
+			margin-bottom: var(--spacing-3);
+			font-size: 1rem;
+		}
+	}
+
+	.b-prose h6,
+	.b-h6,
+	.b-heading:has(.b-h6) {
+		margin-top: var(--spacing-7);
+		margin-bottom: var(--spacing-3);
+		font-size: 1rem;
+		font-weight: var(--font-weight-semibold);
+
+		@include mobile {
+			margin-top: var(--spacing-5);
+			margin-bottom: var(--spacing-2);
+			font-size: 0.85rem;
+		}
+	}
+
+	.b-heading {
+		.b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6 {
+			margin-top: 0;
+			margin-bottom: 0;
+		}
+	}
+}

package/themes/umberto/src/gloria/css/base/_iframes.scss

@@ -0,0 +1,7 @@
+@layer base {
+	.b-iframe {
+		background: var(--color-common-white);
+		border: 1px solid var(--color-gray-500);
+		border-radius: var(--radius-2);
+	}
+}

package/themes/umberto/src/gloria/css/base/_index.scss

@@ -0,0 +1,12 @@
+@use 'typography';
+@use 'headings';
+@use 'paragraphs';
+@use 'lists';
+@use 'tables';
+@use 'buttons';
+@use 'links';
+@use 'details';
+@use 'mixins';
+@use 'descriptions-list';
+@use 'inline-code';
+@use 'iframes';

package/themes/umberto/src/gloria/css/base/_inline-code.scss

@@ -0,0 +1,15 @@
+@layer base {
+	.b-inline-code {
+		margin: 0 var(--spacing-1);
+		padding: .1em .35em;
+		word-wrap: break-word;
+		font-size: 0.85em;
+		font-family: var(--font-family-monospace);
+		border-radius: var(--radius-1);
+		background: var(--color-gray-300);
+	}
+
+	.b-prose code {
+		@extend .b-inline-code;
+	}
+}

package/themes/umberto/src/gloria/css/base/_links.scss

@@ -0,0 +1,30 @@
+@use '../a11y/mixins' as *;
+
+@layer base {
+	.b-prose a,
+	.b-link {
+		color: var(--color-primary-500);
+		text-decoration: var(--text-decoration-underline) var(--color-primary-300);
+		word-break: break-word;
+
+		@include a11y-keyboard-focus-ring( true, false,
+			text-decoration-color var(--duration-ultra-fast) var(--smoothstep),
+			color var(--duration-ultra-fast) var(--smoothstep)
+		);
+
+		&:hover {
+			text-decoration-color: var(--color-primary-500);
+		}
+
+		&:focus,
+		&:active {
+			color: var(--color-primary-600);
+			text-decoration-color: var(--color-primary-600);
+		}
+	}
+
+	.b-reset-link {
+		color: inherit;
+		text-decoration: none;
+	}
+}

package/themes/umberto/src/gloria/css/base/_lists.scss

@@ -0,0 +1,58 @@
+@use 'typography' as *;
+
+@layer base {
+	.b-list {
+		@extend .b-font-text;
+
+		padding-left: var(--spacing-8);
+		margin: var(--spacing-6) 0;
+
+		&--unordered {
+			list-style-type: disc;
+		}
+
+		&--ordered {
+			list-style-type: decimal;
+		}
+
+		&__item {
+			margin-bottom: var(--spacing-2);
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			&::marker {
+				color: var(--color-primary);
+			}
+
+			& .b-list {
+				margin: var(--spacing-2) 0;
+			}
+		}
+	}
+
+	.b-prose {
+		ol {
+			@extend .b-list, .b-list--ordered;
+
+			li {
+				@extend .b-list__item;
+			}
+		}
+
+		ul {
+			@extend .b-list, .b-list--unordered;
+
+			li {
+				@extend .b-list__item;
+			}
+		}
+	}
+
+	.b-reset-list {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+}

package/themes/umberto/src/gloria/css/base/_mixins.scss

@@ -0,0 +1,3 @@
+@mixin scrollbar {
+	scrollbar-width: thin;
+}

package/themes/umberto/src/gloria/css/base/_paragraphs.scss

@@ -0,0 +1,15 @@
+@use 'typography' as *;
+
+@layer base {
+	.b-prose p,
+	.b-paragraph {
+		@extend .b-font-text;
+
+		margin-top: 0;
+		margin-bottom: 0;
+
+		&:not(:last-child) {
+			margin-bottom: var(--spacing-3);
+		}
+	}
+}