npm - @stackific/md3 - Versions diffs - 0.1.0 - Mend

@stackific/md3 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/LICENSE +201 -0
package/NOTICE +17 -0
package/README.md +316 -0
package/THIRD-PARTY-NOTICES +40 -0
package/dist/fonts/material-symbols-outlined.woff2 +0 -0
package/dist/fonts/material-symbols-rounded.woff2 +0 -0
package/dist/fonts/material-symbols-sharp.woff2 +0 -0
package/dist/fonts/material-symbols-subset.woff2 +0 -0
package/dist/md3.css +1 -0
package/dist/md3.js +621 -0
package/dist/shapes/arch.svg +1 -0
package/dist/shapes/arrow.svg +1 -0
package/dist/shapes/boom.svg +1 -0
package/dist/shapes/bun.svg +1 -0
package/dist/shapes/burst.svg +1 -0
package/dist/shapes/circle.svg +1 -0
package/dist/shapes/clamshell.svg +1 -0
package/dist/shapes/diamond.svg +1 -0
package/dist/shapes/fan.svg +1 -0
package/dist/shapes/flower.svg +1 -0
package/dist/shapes/gem.svg +1 -0
package/dist/shapes/ghost-ish.svg +1 -0
package/dist/shapes/heart.svg +1 -0
package/dist/shapes/leaf-clover4.svg +1 -0
package/dist/shapes/leaf-clover8.svg +1 -0
package/dist/shapes/loading-indicator.svg +1 -0
package/dist/shapes/oval.svg +1 -0
package/dist/shapes/pentagon.svg +1 -0
package/dist/shapes/pill.svg +1 -0
package/dist/shapes/pixel-circle.svg +1 -0
package/dist/shapes/pixel-triangle.svg +1 -0
package/dist/shapes/puffy-diamond.svg +1 -0
package/dist/shapes/puffy.svg +1 -0
package/dist/shapes/semicircle.svg +1 -0
package/dist/shapes/sided-cookie12.svg +1 -0
package/dist/shapes/sided-cookie4.svg +1 -0
package/dist/shapes/sided-cookie6.svg +1 -0
package/dist/shapes/sided-cookie7.svg +1 -0
package/dist/shapes/sided-cookie9.svg +1 -0
package/dist/shapes/slanted.svg +1 -0
package/dist/shapes/soft-boom.svg +1 -0
package/dist/shapes/soft-burst.svg +1 -0
package/dist/shapes/square.svg +1 -0
package/dist/shapes/sunny.svg +1 -0
package/dist/shapes/triangle.svg +1 -0
package/dist/shapes/very-sunny.svg +1 -0
package/dist/shapes/wavy-circle.svg +1 -0
package/dist/shapes/wavy.svg +1 -0
package/package.json +63 -0
package/src/main.js +5 -0
package/src/runtime/elements/dialogs.js +72 -0
package/src/runtime/elements/fields.js +181 -0
package/src/runtime/elements/menus.js +42 -0
package/src/runtime/elements/pages.js +7 -0
package/src/runtime/elements/progress.js +35 -0
package/src/runtime/elements/sliders.js +78 -0
package/src/runtime/elements/snackbars.js +27 -0
package/src/runtime/helpers/ripples.js +46 -0
package/src/runtime/md3.js +141 -0
package/src/runtime/palette.js +64 -0
package/src/runtime/settings/theme.js +194 -0
package/src/runtime/utils.js +165 -0
package/src/styles/_config.scss +142 -0
package/src/styles/_mixins.scss +80 -0
package/src/styles/elements/_badges.scss +65 -0
package/src/styles/elements/_bars.scss +83 -0
package/src/styles/elements/_buttons.scss +119 -0
package/src/styles/elements/_cards.scss +32 -0
package/src/styles/elements/_chips.scss +46 -0
package/src/styles/elements/_dialogs.scss +143 -0
package/src/styles/elements/_dividers.scss +46 -0
package/src/styles/elements/_expansions.scss +19 -0
package/src/styles/elements/_fields.scss +458 -0
package/src/styles/elements/_grids.scss +35 -0
package/src/styles/elements/_icons.scss +70 -0
package/src/styles/elements/_layouts.scss +24 -0
package/src/styles/elements/_lists.scss +76 -0
package/src/styles/elements/_main-layouts.scss +45 -0
package/src/styles/elements/_media.scss +104 -0
package/src/styles/elements/_menus.scss +289 -0
package/src/styles/elements/_navigations.scss +450 -0
package/src/styles/elements/_overlays.scss +34 -0
package/src/styles/elements/_pages.scss +28 -0
package/src/styles/elements/_progress.scss +141 -0
package/src/styles/elements/_selections.scss +248 -0
package/src/styles/elements/_shapes.scss +151 -0
package/src/styles/elements/_sliders.scss +336 -0
package/src/styles/elements/_snackbars.scss +44 -0
package/src/styles/elements/_tables.scss +67 -0
package/src/styles/elements/_tabs.scss +49 -0
package/src/styles/elements/_tooltips.scss +125 -0
package/src/styles/helpers/_alignments.scss +29 -0
package/src/styles/helpers/_blurs.scss +26 -0
package/src/styles/helpers/_colors.scss +39 -0
package/src/styles/helpers/_directions.scss +30 -0
package/src/styles/helpers/_elevates.scss +20 -0
package/src/styles/helpers/_forms.scss +76 -0
package/src/styles/helpers/_margins.scss +39 -0
package/src/styles/helpers/_opacities.scss +18 -0
package/src/styles/helpers/_paddings.scss +35 -0
package/src/styles/helpers/_positions.scss +44 -0
package/src/styles/helpers/_responsive.scss +24 -0
package/src/styles/helpers/_ripples.scss +40 -0
package/src/styles/helpers/_scrolls.scss +7 -0
package/src/styles/helpers/_shadows.scss +22 -0
package/src/styles/helpers/_sizes.scss +34 -0
package/src/styles/helpers/_spaces.scss +22 -0
package/src/styles/helpers/_typography.scss +132 -0
package/src/styles/helpers/_waves.scss +52 -0
package/src/styles/helpers/_zoom.scss +18 -0
package/src/styles/md3.scss +61 -0
package/src/styles/settings/_fonts.scss +42 -0
package/src/styles/settings/_globals.scss +104 -0
package/src/styles/settings/_reset.scss +82 -0
package/src/styles/settings/_theme.scss +126 -0
package/src/styles/settings/_themes.scss +1525 -0

package/src/styles/settings/_themes.scss ADDED Viewed

@@ -0,0 +1,1525 @@
+// M3 light + dark token sets, grouped by named theme so multiple brands can
+// live side-by-side. Activate via <html data-theme="<name>" data-mode="<mode>">.
+// The first theme is the implicit default and also emits at bare :root so the
+// page has tokens before the runtime sets attrs (no unstyled flash).
+@use "sass:list";
+@use "sass:map";
+$themes: (
+  "stackific": (
+    "light": (
+      "primary": #1c4bea,
+      "on-primary": #ffffff,
+      "primary-container": #dde1ff,
+      "on-primary-container": #001356,
+      "secondary": #5a5d72,
+      "on-secondary": #ffffff,
+      "secondary-container": #dfe1f9,
+      "on-secondary-container": #171b2c,
+      "tertiary": #76546e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffd7f3,
+      "on-tertiary-container": #2c1229,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fefbff,
+      "on-background": #1b1b1f,
+      "surface": #fbf8fd,
+      "on-surface": #1b1b1f,
+      "surface-variant": #e2e1ec,
+      "on-surface-variant": #45464f,
+      "outline": #767680,
+      "outline-variant": #c6c5d0,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #303034,
+      "inverse-on-surface": #f3f0f4,
+      "inverse-primary": #b9c3ff,
+      "surface-dim": #dcd9de,
+      "surface-bright": #fbf8fd,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f5f2f7,
+      "surface-container": #f0edf1,
+      "surface-container-high": #eae7ec,
+      "surface-container-highest": #e4e1e6,
+    ),
+    "dark": (
+      "primary": #b9c3ff,
+      "on-primary": #002388,
+      "primary-container": #0035be,
+      "on-primary-container": #dde1ff,
+      "secondary": #c3c5dd,
+      "on-secondary": #2c2f42,
+      "secondary-container": #424659,
+      "on-secondary-container": #dfe1f9,
+      "tertiary": #e5bad9,
+      "on-tertiary": #44263e,
+      "tertiary-container": #5c3c56,
+      "on-tertiary-container": #ffd7f3,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1b1b1f,
+      "on-background": #e4e1e6,
+      "surface": #131316,
+      "on-surface": #e4e1e6,
+      "surface-variant": #45464f,
+      "on-surface-variant": #c6c5d0,
+      "outline": #90909a,
+      "outline-variant": #45464f,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e4e1e6,
+      "inverse-on-surface": #303034,
+      "inverse-primary": #1c4bea,
+      "surface-dim": #131316,
+      "surface-bright": #39393c,
+      "surface-container-lowest": #0e0e11,
+      "surface-container-low": #1b1b1f,
+      "surface-container": #1f1f23,
+      "surface-container-high": #2a2a2d,
+      "surface-container-highest": #353438,
+    ),
+  ),
+  "hello-pumpkin": (
+    "light": (
+      "primary": #8f4e00,
+      "on-primary": #ffffff,
+      "primary-container": #ffdcc2,
+      "on-primary-container": #2e1500,
+      "secondary": #745943,
+      "on-secondary": #ffffff,
+      "secondary-container": #ffdcc2,
+      "on-secondary-container": #2a1707,
+      "tertiary": #5b6237,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #e0e7b1,
+      "on-tertiary-container": #191e00,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #201b17,
+      "surface": #fff8f5,
+      "on-surface": #201b17,
+      "surface-variant": #f3dfd1,
+      "on-surface-variant": #51443b,
+      "outline": #847469,
+      "outline-variant": #d6c3b6,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #352f2b,
+      "inverse-on-surface": #faeee8,
+      "inverse-primary": #ffb77a,
+      "surface-dim": #e3d8d1,
+      "surface-bright": #fff8f5,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fdf1eb,
+      "surface-container": #f7ece5,
+      "surface-container-high": #f2e6df,
+      "surface-container-highest": #ece0da,
+    ),
+    "dark": (
+      "primary": #ffb77a,
+      "on-primary": #4c2700,
+      "primary-container": #6d3a00,
+      "on-primary-container": #ffdcc2,
+      "secondary": #e3c0a5,
+      "on-secondary": #412c19,
+      "secondary-container": #5a422e,
+      "on-secondary-container": #ffdcc2,
+      "tertiary": #c4cb97,
+      "on-tertiary": #2d330d,
+      "tertiary-container": #444a22,
+      "on-tertiary-container": #e0e7b1,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #201b17,
+      "on-background": #ece0da,
+      "surface": #17120f,
+      "on-surface": #ece0da,
+      "surface-variant": #51443b,
+      "on-surface-variant": #d6c3b6,
+      "outline": #9e8e82,
+      "outline-variant": #51443b,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ece0da,
+      "inverse-on-surface": #352f2b,
+      "inverse-primary": #8f4e00,
+      "surface-dim": #17120f,
+      "surface-bright": #3e3833,
+      "surface-container-lowest": #120d0a,
+      "surface-container-low": #201b17,
+      "surface-container": #241f1b,
+      "surface-container-high": #2f2925,
+      "surface-container-highest": #3a342f,
+    ),
+  ),
+  "sea-lettuce": (
+    "light": (
+      "primary": #3f6900,
+      "on-primary": #ffffff,
+      "primary-container": #b2f65f,
+      "on-primary-container": #102000,
+      "secondary": #586249,
+      "on-secondary": #ffffff,
+      "secondary-container": #dce7c8,
+      "on-secondary-container": #151e0b,
+      "tertiary": #386663,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #bcece7,
+      "on-tertiary-container": #00201e,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fdfcf5,
+      "on-background": #1b1c18,
+      "surface": #fafaf2,
+      "on-surface": #1b1c18,
+      "surface-variant": #e1e4d5,
+      "on-surface-variant": #44483d,
+      "outline": #75796c,
+      "outline-variant": #c5c8ba,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #30312c,
+      "inverse-on-surface": #f2f1e9,
+      "inverse-primary": #97d945,
+      "surface-dim": #dbdad3,
+      "surface-bright": #fafaf2,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f5f4ec,
+      "surface-container": #efeee7,
+      "surface-container-high": #e9e8e1,
+      "surface-container-highest": #e3e3db,
+    ),
+    "dark": (
+      "primary": #97d945,
+      "on-primary": #1f3700,
+      "primary-container": #2f4f00,
+      "on-primary-container": #b2f65f,
+      "secondary": #bfcbad,
+      "on-secondary": #2a331e,
+      "secondary-container": #404a33,
+      "on-secondary-container": #dce7c8,
+      "tertiary": #a0d0cb,
+      "on-tertiary": #003735,
+      "tertiary-container": #1f4e4b,
+      "on-tertiary-container": #bcece7,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1b1c18,
+      "on-background": #e3e3db,
+      "surface": #121410,
+      "on-surface": #e3e3db,
+      "surface-variant": #44483d,
+      "on-surface-variant": #c5c8ba,
+      "outline": #8f9285,
+      "outline-variant": #44483d,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e3e3db,
+      "inverse-on-surface": #30312c,
+      "inverse-primary": #3f6900,
+      "surface-dim": #121410,
+      "surface-bright": #383a35,
+      "surface-container-lowest": #0d0f0b,
+      "surface-container-low": #1b1c18,
+      "surface-container": #1f201c,
+      "surface-container-high": #292a26,
+      "surface-container-highest": #343530,
+    ),
+  ),
+  "olive": (
+    "light": (
+      "primary": #5e6300,
+      "on-primary": #ffffff,
+      "primary-container": #e3ea73,
+      "on-primary-container": #1b1d00,
+      "secondary": #5f6044,
+      "on-secondary": #ffffff,
+      "secondary-container": #e5e5c0,
+      "on-secondary-container": #1c1d06,
+      "tertiary": #3c6659,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #beecdb,
+      "on-tertiary-container": #002018,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #ffffd3,
+      "on-background": #1c1c17,
+      "surface": #fcf9f0,
+      "on-surface": #1c1c17,
+      "surface-variant": #e5e3d2,
+      "on-surface-variant": #47473b,
+      "outline": #787869,
+      "outline-variant": #c9c7b6,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #31312b,
+      "inverse-on-surface": #f4f1e8,
+      "inverse-primary": #c7cd5b,
+      "surface-dim": #dddad1,
+      "surface-bright": #fcf9f0,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f7f3eb,
+      "surface-container": #f1eee5,
+      "surface-container-high": #ebe8df,
+      "surface-container-highest": #e5e2da,
+    ),
+    "dark": (
+      "primary": #c7cd5b,
+      "on-primary": #303300,
+      "primary-container": #464a00,
+      "on-primary-container": #e3ea73,
+      "secondary": #c8c9a6,
+      "on-secondary": #313219,
+      "secondary-container": #47482e,
+      "on-secondary-container": #e5e5c0,
+      "tertiary": #a3d0bf,
+      "on-tertiary": #08372c,
+      "tertiary-container": #244e41,
+      "on-tertiary-container": #beecdb,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1c1c17,
+      "on-background": #e5e2da,
+      "surface": #14140f,
+      "on-surface": #e5e2da,
+      "surface-variant": #47473b,
+      "on-surface-variant": #c9c7b6,
+      "outline": #929182,
+      "outline-variant": #47473b,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e5e2da,
+      "inverse-on-surface": #31312b,
+      "inverse-primary": #5e6300,
+      "surface-dim": #14140f,
+      "surface-bright": #3a3933,
+      "surface-container-lowest": #0e0e0a,
+      "surface-container-low": #1c1c17,
+      "surface-container": #20201b,
+      "surface-container-high": #2a2a25,
+      "surface-container-highest": #35352f,
+    ),
+  ),
+  "nord": (
+    "light": (
+      "primary": #0b61a4,
+      "on-primary": #ffffff,
+      "primary-container": #d2e4ff,
+      "on-primary-container": #001c37,
+      "secondary": #535f70,
+      "on-secondary": #ffffff,
+      "secondary-container": #d7e3f8,
+      "on-secondary-container": #101c2b,
+      "tertiary": #6b5778,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #f3daff,
+      "on-tertiary-container": #251431,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fdfcff,
+      "on-background": #1a1c1e,
+      "surface": #faf9fd,
+      "on-surface": #1a1c1e,
+      "surface-variant": #dfe2eb,
+      "on-surface-variant": #43474e,
+      "outline": #73777f,
+      "outline-variant": #c3c6cf,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #2f3033,
+      "inverse-on-surface": #f1f0f4,
+      "inverse-primary": #a0c9ff,
+      "surface-dim": #dad9dd,
+      "surface-bright": #faf9fd,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f4f3f7,
+      "surface-container": #eeedf1,
+      "surface-container-high": #e8e8eb,
+      "surface-container-highest": #e3e2e6,
+    ),
+    "dark": (
+      "primary": #a0c9ff,
+      "on-primary": #003259,
+      "primary-container": #00497f,
+      "on-primary-container": #d2e4ff,
+      "secondary": #bbc7db,
+      "on-secondary": #253141,
+      "secondary-container": #3c4858,
+      "on-secondary-container": #d7e3f8,
+      "tertiary": #d7bde4,
+      "on-tertiary": #3b2947,
+      "tertiary-container": #533f5f,
+      "on-tertiary-container": #f3daff,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1a1c1e,
+      "on-background": #e3e2e6,
+      "surface": #121316,
+      "on-surface": #e3e2e6,
+      "surface-variant": #43474e,
+      "on-surface-variant": #c3c6cf,
+      "outline": #8d9199,
+      "outline-variant": #43474e,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e3e2e6,
+      "inverse-on-surface": #2f3033,
+      "inverse-primary": #0b61a4,
+      "surface-dim": #121316,
+      "surface-bright": #38393c,
+      "surface-container-lowest": #0d0e11,
+      "surface-container-low": #1a1c1e,
+      "surface-container": #1e2022,
+      "surface-container-high": #292a2d,
+      "surface-container-highest": #333538,
+    ),
+  ),
+  "vega-violet": (
+    "light": (
+      "primary": #8b14dd,
+      "on-primary": #ffffff,
+      "primary-container": #f2daff,
+      "on-primary-container": #2e004e,
+      "secondary": #665a6e,
+      "on-secondary": #ffffff,
+      "secondary-container": #eeddf6,
+      "on-secondary-container": #211829,
+      "tertiary": #815156,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffdadb,
+      "on-tertiary-container": #321015,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1d1b1e,
+      "surface": #fef7fc,
+      "on-surface": #1d1b1e,
+      "surface-variant": #e9dfea,
+      "on-surface-variant": #4b454d,
+      "outline": #7c757e,
+      "outline-variant": #cdc4ce,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #322f33,
+      "inverse-on-surface": #f6eff3,
+      "inverse-primary": #e0b6ff,
+      "surface-dim": #dfd8dd,
+      "surface-bright": #fef7fc,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f9f2f6,
+      "surface-container": #f3ecf1,
+      "surface-container-high": #ede6eb,
+      "surface-container-highest": #e7e1e5,
+    ),
+    "dark": (
+      "primary": #e0b6ff,
+      "on-primary": #4b007d,
+      "primary-container": #6b00af,
+      "on-primary-container": #f2daff,
+      "secondary": #d1c1d9,
+      "on-secondary": #372c3f,
+      "secondary-container": #4e4256,
+      "on-secondary-container": #eeddf6,
+      "tertiary": #f3b7bc,
+      "on-tertiary": #4c2529,
+      "tertiary-container": #663a3f,
+      "on-tertiary-container": #ffdadb,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1d1b1e,
+      "on-background": #e7e1e5,
+      "surface": #151316,
+      "on-surface": #e7e1e5,
+      "surface-variant": #4b454d,
+      "on-surface-variant": #cdc4ce,
+      "outline": #968e98,
+      "outline-variant": #4b454d,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e7e1e5,
+      "inverse-on-surface": #322f33,
+      "inverse-primary": #8b14dd,
+      "surface-dim": #151316,
+      "surface-bright": #3b383c,
+      "surface-container-lowest": #100d11,
+      "surface-container-low": #1d1b1e,
+      "surface-container": #211f22,
+      "surface-container-high": #2c292d,
+      "surface-container-highest": #373437,
+    ),
+  ),
+  "wild-strawberry": (
+    "light": (
+      "primary": #b7006e,
+      "on-primary": #ffffff,
+      "primary-container": #ffd9e4,
+      "on-primary-container": #3e0021,
+      "secondary": #735760,
+      "on-secondary": #ffffff,
+      "secondary-container": #ffd9e4,
+      "on-secondary-container": #2a151d,
+      "tertiary": #7e5637,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffdcc4,
+      "on-tertiary-container": #2f1400,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #201a1c,
+      "surface": #fff8f8,
+      "on-surface": #201a1c,
+      "surface-variant": #f2dee2,
+      "on-surface-variant": #514347,
+      "outline": #837377,
+      "outline-variant": #d5c2c7,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #352f30,
+      "inverse-on-surface": #faeef0,
+      "inverse-primary": #ffb0cd,
+      "surface-dim": #e3d7d9,
+      "surface-bright": #fff8f8,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fdf1f3,
+      "surface-container": #f7ebed,
+      "surface-container-high": #f1e5e7,
+      "surface-container-highest": #ebe0e2,
+    ),
+    "dark": (
+      "primary": #ffb0cd,
+      "on-primary": #640039,
+      "primary-container": #8c0053,
+      "on-primary-container": #ffd9e4,
+      "secondary": #e1bdc8,
+      "on-secondary": #412932,
+      "secondary-container": #5a3f49,
+      "on-secondary-container": #ffd9e4,
+      "tertiary": #f0bc96,
+      "on-tertiary": #49290e,
+      "tertiary-container": #633e22,
+      "on-tertiary-container": #ffdcc4,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #201a1c,
+      "on-background": #ebe0e2,
+      "surface": #171214,
+      "on-surface": #ebe0e2,
+      "surface-variant": #514347,
+      "on-surface-variant": #d5c2c7,
+      "outline": #9d8c91,
+      "outline-variant": #514347,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ebe0e2,
+      "inverse-on-surface": #352f30,
+      "inverse-primary": #b7006e,
+      "surface-dim": #171214,
+      "surface-bright": #3e3739,
+      "surface-container-lowest": #120d0e,
+      "surface-container-low": #201a1c,
+      "surface-container": #241e20,
+      "surface-container-high": #2e282a,
+      "surface-container-highest": #3a3335,
+    ),
+  ),
+  "heliotrope-magenta": (
+    "light": (
+      "primary": #a300b8,
+      "on-primary": #ffffff,
+      "primary-container": #ffd6fc,
+      "on-primary-container": #36003e,
+      "secondary": #6c586b,
+      "on-secondary": #ffffff,
+      "secondary-container": #f5dbf1,
+      "on-secondary-container": #251626,
+      "tertiary": #825249,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffdad4,
+      "on-tertiary-container": #33110b,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1e1a1d,
+      "surface": #fff7fa,
+      "on-surface": #1e1a1d,
+      "surface-variant": #eddfe8,
+      "on-surface-variant": #4d444c,
+      "outline": #7f747c,
+      "outline-variant": #d0c3cc,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #332f32,
+      "inverse-on-surface": #f7eef2,
+      "inverse-primary": #fcaaff,
+      "surface-dim": #e0d8dc,
+      "surface-bright": #fff7fa,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #faf1f5,
+      "surface-container": #f4ecf0,
+      "surface-container-high": #efe6ea,
+      "surface-container-highest": #e9e0e4,
+    ),
+    "dark": (
+      "primary": #fcaaff,
+      "on-primary": #580064,
+      "primary-container": #7c008d,
+      "on-primary-container": #ffd6fc,
+      "secondary": #d8bfd4,
+      "on-secondary": #3b2b3b,
+      "secondary-container": #534152,
+      "on-secondary-container": #f5dbf1,
+      "tertiary": #f6b8ac,
+      "on-tertiary": #4c251e,
+      "tertiary-container": #673b33,
+      "on-tertiary-container": #ffdad4,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1e1a1d,
+      "on-background": #e9e0e4,
+      "surface": #161215,
+      "on-surface": #e9e0e4,
+      "surface-variant": #4d444c,
+      "on-surface-variant": #d0c3cc,
+      "outline": #998d96,
+      "outline-variant": #4d444c,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e9e0e4,
+      "inverse-on-surface": #332f32,
+      "inverse-primary": #a300b8,
+      "surface-dim": #161215,
+      "surface-bright": #3c383b,
+      "surface-container-lowest": #100d10,
+      "surface-container-low": #1e1a1d,
+      "surface-container": #221e21,
+      "surface-container-high": #2d292c,
+      "surface-container-highest": #383337,
+    ),
+  ),
+  "voodoo-violet": (
+    "light": (
+      "primary": #804792,
+      "on-primary": #ffffff,
+      "primary-container": #fad7ff,
+      "on-primary-container": #330044,
+      "secondary": #6a596c,
+      "on-secondary": #ffffff,
+      "secondary-container": #f2dcf3,
+      "on-secondary-container": #241727,
+      "tertiary": #82524e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffdad7,
+      "on-tertiary-container": #33110f,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1e1b1e,
+      "surface": #fff7fb,
+      "on-surface": #1e1b1e,
+      "surface-variant": #ebdfe9,
+      "on-surface-variant": #4c444c,
+      "outline": #7e747d,
+      "outline-variant": #cfc3cd,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #332f33,
+      "inverse-on-surface": #f7eef3,
+      "inverse-primary": #efb0ff,
+      "surface-dim": #e0d8dc,
+      "surface-bright": #fff7fb,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #faf1f6,
+      "surface-container": #f4ecf0,
+      "surface-container-high": #eee6ea,
+      "surface-container-highest": #e8e0e5,
+    ),
+    "dark": (
+      "primary": #efb0ff,
+      "on-primary": #4d1660,
+      "primary-container": #662f79,
+      "on-primary-container": #fad7ff,
+      "secondary": #d5c0d7,
+      "on-secondary": #3a2b3d,
+      "secondary-container": #514254,
+      "on-secondary-container": #f2dcf3,
+      "tertiary": #f5b7b2,
+      "on-tertiary": #4c2523,
+      "tertiary-container": #663b38,
+      "on-tertiary-container": #ffdad7,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1e1b1e,
+      "on-background": #e8e0e5,
+      "surface": #151215,
+      "on-surface": #e8e0e5,
+      "surface-variant": #4c444c,
+      "on-surface-variant": #cfc3cd,
+      "outline": #988e97,
+      "outline-variant": #4c444c,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e8e0e5,
+      "inverse-on-surface": #332f33,
+      "inverse-primary": #804792,
+      "surface-dim": #151215,
+      "surface-bright": #3c383b,
+      "surface-container-lowest": #100d10,
+      "surface-container-low": #1e1b1e,
+      "surface-container": #221f22,
+      "surface-container-high": #2c292c,
+      "surface-container-highest": #373437,
+    ),
+  ),
+  "red-orchid": (
+    "light": (
+      "primary": #c0001c,
+      "on-primary": #ffffff,
+      "primary-container": #ffdad7,
+      "on-primary-container": #410004,
+      "secondary": #775654,
+      "on-secondary": #ffffff,
+      "secondary-container": #ffdad7,
+      "on-secondary-container": #2c1513,
+      "tertiary": #725b2e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffdea6,
+      "on-tertiary-container": #271900,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #201a19,
+      "surface": #fff8f7,
+      "on-surface": #201a19,
+      "surface-variant": #f5dddb,
+      "on-surface-variant": #534342,
+      "outline": #857371,
+      "outline-variant": #d8c2bf,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #362f2e,
+      "inverse-on-surface": #fbeeec,
+      "inverse-primary": #ffb3ad,
+      "surface-dim": #e4d7d6,
+      "surface-bright": #fff8f7,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fef1ef,
+      "surface-container": #f8ebe9,
+      "surface-container-high": #f2e5e4,
+      "surface-container-highest": #ede0de,
+    ),
+    "dark": (
+      "primary": #ffb3ad,
+      "on-primary": #68000a,
+      "primary-container": #930013,
+      "on-primary-container": #ffdad7,
+      "secondary": #e7bdb9,
+      "on-secondary": #442927,
+      "secondary-container": #5d3f3d,
+      "on-secondary-container": #ffdad7,
+      "tertiary": #e1c28c,
+      "on-tertiary": #402d04,
+      "tertiary-container": #594319,
+      "on-tertiary-container": #ffdea6,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #201a19,
+      "on-background": #ede0de,
+      "surface": #181211,
+      "on-surface": #ede0de,
+      "surface-variant": #534342,
+      "on-surface-variant": #d8c2bf,
+      "outline": #a08c8a,
+      "outline-variant": #534342,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ede0de,
+      "inverse-on-surface": #362f2e,
+      "inverse-primary": #c0001c,
+      "surface-dim": #181211,
+      "surface-bright": #3f3737,
+      "surface-container-lowest": #120d0c,
+      "surface-container-low": #201a19,
+      "surface-container": #251e1d,
+      "surface-container-high": #2f2828,
+      "surface-container-highest": #3a3332,
+    ),
+  ),
+  "green-brown": (
+    "light": (
+      "primary": #6e5d00,
+      "on-primary": #ffffff,
+      "primary-container": #ffe264,
+      "on-primary-container": #221b00,
+      "secondary": #665e40,
+      "on-secondary": #ffffff,
+      "secondary-container": #eee2bc,
+      "on-secondary-container": #211b04,
+      "tertiary": #43664e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #c5ecce,
+      "on-tertiary-container": #00210f,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1d1b16,
+      "surface": #fff9ef,
+      "on-surface": #1d1b16,
+      "surface-variant": #eae2cf,
+      "on-surface-variant": #4b4739,
+      "outline": #7c7767,
+      "outline-variant": #cdc6b4,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #32302a,
+      "inverse-on-surface": #f6f0e7,
+      "inverse-primary": #e1c64b,
+      "surface-dim": #dfd9d0,
+      "surface-bright": #fff9ef,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f9f3ea,
+      "surface-container": #f3ede4,
+      "surface-container-high": #ede7de,
+      "surface-container-highest": #e7e2d9,
+    ),
+    "dark": (
+      "primary": #e1c64b,
+      "on-primary": #3a3000,
+      "primary-container": #534600,
+      "on-primary-container": #ffe264,
+      "secondary": #d1c6a1,
+      "on-secondary": #373016,
+      "secondary-container": #4e472a,
+      "on-secondary-container": #eee2bc,
+      "tertiary": #a9d0b3,
+      "on-tertiary": #153723,
+      "tertiary-container": #2c4e38,
+      "on-tertiary-container": #c5ecce,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1d1b16,
+      "on-background": #e7e2d9,
+      "surface": #15130e,
+      "on-surface": #e7e2d9,
+      "surface-variant": #4b4739,
+      "on-surface-variant": #cdc6b4,
+      "outline": #969080,
+      "outline-variant": #4b4739,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e7e2d9,
+      "inverse-on-surface": #32302a,
+      "inverse-primary": #6e5d00,
+      "surface-dim": #15130e,
+      "surface-bright": #3b3933,
+      "surface-container-lowest": #100e09,
+      "surface-container-low": #1d1b16,
+      "surface-container": #211f1a,
+      "surface-container-high": #2c2a24,
+      "surface-container-highest": #37352e,
+    ),
+  ),
+  "shakshuka": (
+    "light": (
+      "primary": #ab350f,
+      "on-primary": #ffffff,
+      "primary-container": #ffdbd1,
+      "on-primary-container": #3b0900,
+      "secondary": #77574e,
+      "on-secondary": #ffffff,
+      "secondary-container": #ffdbd1,
+      "on-secondary-container": #2c150f,
+      "tertiary": #6c5d2f,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #f6e1a7,
+      "on-tertiary-container": #231b00,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #201a18,
+      "surface": #fff8f6,
+      "on-surface": #201a18,
+      "surface-variant": #f5ded8,
+      "on-surface-variant": #53433f,
+      "outline": #85736e,
+      "outline-variant": #d8c2bc,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #362f2d,
+      "inverse-on-surface": #fbeeeb,
+      "inverse-primary": #ffb5a0,
+      "surface-dim": #e4d7d4,
+      "surface-bright": #fff8f6,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fef1ed,
+      "surface-container": #f8ebe8,
+      "surface-container-high": #f3e5e2,
+      "surface-container-highest": #ede0dd,
+    ),
+    "dark": (
+      "primary": #ffb5a0,
+      "on-primary": #5f1500,
+      "primary-container": #872100,
+      "on-primary-container": #ffdbd1,
+      "secondary": #e7bdb2,
+      "on-secondary": #442a22,
+      "secondary-container": #5d4037,
+      "on-secondary-container": #ffdbd1,
+      "tertiary": #d8c58d,
+      "on-tertiary": #3b2f05,
+      "tertiary-container": #534619,
+      "on-tertiary-container": #f6e1a7,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #201a18,
+      "on-background": #ede0dd,
+      "surface": #181210,
+      "on-surface": #ede0dd,
+      "surface-variant": #53433f,
+      "on-surface-variant": #d8c2bc,
+      "outline": #a08c87,
+      "outline-variant": #53433f,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ede0dd,
+      "inverse-on-surface": #362f2d,
+      "inverse-primary": #ab350f,
+      "surface-dim": #181210,
+      "surface-bright": #3f3736,
+      "surface-container-lowest": #120d0b,
+      "surface-container-low": #201a18,
+      "surface-container": #251e1c,
+      "surface-container-high": #2f2827,
+      "surface-container-highest": #3b3331,
+    ),
+  ),
+  "purple-honeycreeper": (
+    "light": (
+      "primary": #732fe3,
+      "on-primary": #ffffff,
+      "primary-container": #eaddff,
+      "on-primary-container": #25005a,
+      "secondary": #635b70,
+      "on-secondary": #ffffff,
+      "secondary-container": #e9def8,
+      "on-secondary-container": #1e182b,
+      "tertiary": #7e525e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #ffd9e1,
+      "on-tertiary-container": #31101b,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1d1b1e,
+      "surface": #fdf8fd,
+      "on-surface": #1d1b1e,
+      "surface-variant": #e7e0eb,
+      "on-surface-variant": #49454e,
+      "outline": #7a757f,
+      "outline-variant": #cbc4cf,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #323033,
+      "inverse-on-surface": #f5eff4,
+      "inverse-primary": #d2bbff,
+      "surface-dim": #ded8dd,
+      "surface-bright": #fdf8fd,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f8f2f7,
+      "surface-container": #f2ecf1,
+      "surface-container-high": #ece6eb,
+      "surface-container-highest": #e6e1e6,
+    ),
+    "dark": (
+      "primary": #d2bbff,
+      "on-primary": #3e008e,
+      "primary-container": #5a00c6,
+      "on-primary-container": #eaddff,
+      "secondary": #cdc2db,
+      "on-secondary": #342d40,
+      "secondary-container": #4b4358,
+      "on-secondary-container": #e9def8,
+      "tertiary": #f0b7c6,
+      "on-tertiary": #4a2530,
+      "tertiary-container": #643b46,
+      "on-tertiary-container": #ffd9e1,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1d1b1e,
+      "on-background": #e6e1e6,
+      "surface": #141316,
+      "on-surface": #e6e1e6,
+      "surface-variant": #49454e,
+      "on-surface-variant": #cbc4cf,
+      "outline": #948f99,
+      "outline-variant": #49454e,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e6e1e6,
+      "inverse-on-surface": #323033,
+      "inverse-primary": #732fe3,
+      "surface-dim": #141316,
+      "surface-bright": #3b383c,
+      "surface-container-lowest": #0f0e11,
+      "surface-container-low": #1d1b1e,
+      "surface-container": #211f22,
+      "surface-container-high": #2b292d,
+      "surface-container-highest": #363438,
+    ),
+  ),
+  "maldives": (
+    "light": (
+      "primary": #00677c,
+      "on-primary": #ffffff,
+      "primary-container": #b1ecff,
+      "on-primary-container": #001f27,
+      "secondary": #4b626a,
+      "on-secondary": #ffffff,
+      "secondary-container": #cee7f0,
+      "on-secondary-container": #061e25,
+      "tertiary": #585c7e,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #dfe0ff,
+      "on-tertiary-container": #151937,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fbfcfe,
+      "on-background": #191c1d,
+      "surface": #f8f9fb,
+      "on-surface": #191c1d,
+      "surface-variant": #dbe4e8,
+      "on-surface-variant": #40484b,
+      "outline": #70787c,
+      "outline-variant": #bfc8cc,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #2e3132,
+      "inverse-on-surface": #eff1f2,
+      "inverse-primary": #48d7fb,
+      "surface-dim": #d8dadb,
+      "surface-bright": #f8f9fb,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f2f4f5,
+      "surface-container": #eceeef,
+      "surface-container-high": #e7e8ea,
+      "surface-container-highest": #e1e3e4,
+    ),
+    "dark": (
+      "primary": #48d7fb,
+      "on-primary": #003641,
+      "primary-container": #004e5e,
+      "on-primary-container": #b1ecff,
+      "secondary": #b2cad3,
+      "on-secondary": #1d343a,
+      "secondary-container": #344a51,
+      "on-secondary-container": #cee7f0,
+      "tertiary": #c0c4eb,
+      "on-tertiary": #2a2e4d,
+      "tertiary-container": #404565,
+      "on-tertiary-container": #dfe0ff,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #191c1d,
+      "on-background": #e1e3e4,
+      "surface": #111415,
+      "on-surface": #e1e3e4,
+      "surface-variant": #40484b,
+      "on-surface-variant": #bfc8cc,
+      "outline": #899296,
+      "outline-variant": #40484b,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e1e3e4,
+      "inverse-on-surface": #2e3132,
+      "inverse-primary": #00677c,
+      "surface-dim": #111415,
+      "surface-bright": #373a3b,
+      "surface-container-lowest": #0b0f10,
+      "surface-container-low": #191c1d,
+      "surface-container": #1d2021,
+      "surface-container-high": #272a2c,
+      "surface-container-highest": #323536,
+    ),
+  ),
+  "verditer": (
+    "light": (
+      "primary": #006b5f,
+      "on-primary": #ffffff,
+      "primary-container": #6bf9e3,
+      "on-primary-container": #00201c,
+      "secondary": #4a635e,
+      "on-secondary": #ffffff,
+      "secondary-container": #cde8e1,
+      "on-secondary-container": #06201c,
+      "tertiary": #456179,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #cbe6ff,
+      "on-tertiary-container": #001e30,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fafdfb,
+      "on-background": #191c1b,
+      "surface": #f7faf8,
+      "on-surface": #191c1b,
+      "surface-variant": #dae5e1,
+      "on-surface-variant": #3f4946,
+      "outline": #6f7976,
+      "outline-variant": #bec9c5,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #2d3130,
+      "inverse-on-surface": #eff1ef,
+      "inverse-primary": #48dcc7,
+      "surface-dim": #d8dbd9,
+      "surface-bright": #f7faf8,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f2f4f2,
+      "surface-container": #eceeec,
+      "surface-container-high": #e6e9e7,
+      "surface-container-highest": #e0e3e1,
+    ),
+    "dark": (
+      "primary": #48dcc7,
+      "on-primary": #003731,
+      "primary-container": #005047,
+      "on-primary-container": #6bf9e3,
+      "secondary": #b1ccc6,
+      "on-secondary": #1c3530,
+      "secondary-container": #334b47,
+      "on-secondary-container": #cde8e1,
+      "tertiary": #accae5,
+      "on-tertiary": #143349,
+      "tertiary-container": #2c4a60,
+      "on-tertiary-container": #cbe6ff,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #191c1b,
+      "on-background": #e0e3e1,
+      "surface": #101413,
+      "on-surface": #e0e3e1,
+      "surface-variant": #3f4946,
+      "on-surface-variant": #bec9c5,
+      "outline": #899390,
+      "outline-variant": #3f4946,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e0e3e1,
+      "inverse-on-surface": #2d3130,
+      "inverse-primary": #006b5f,
+      "surface-dim": #101413,
+      "surface-bright": #363a39,
+      "surface-container-lowest": #0b0f0e,
+      "surface-container-low": #191c1b,
+      "surface-container": #1d201f,
+      "surface-container-high": #272b2a,
+      "surface-container-highest": #323534,
+    ),
+  ),
+  "fennel": (
+    "light": (
+      "primary": #006c46,
+      "on-primary": #ffffff,
+      "primary-container": #6afcb7,
+      "on-primary-container": #002112,
+      "secondary": #4e6356,
+      "on-secondary": #ffffff,
+      "secondary-container": #d0e8d7,
+      "on-secondary-container": #0b1f15,
+      "tertiary": #3c6472,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #c0e9fa,
+      "on-tertiary-container": #001f28,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fbfdf8,
+      "on-background": #191c1a,
+      "surface": #f8faf5,
+      "on-surface": #191c1a,
+      "surface-variant": #dce5dc,
+      "on-surface-variant": #404943,
+      "outline": #707972,
+      "outline-variant": #c0c9c1,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #2e312e,
+      "inverse-on-surface": #eff1ed,
+      "inverse-primary": #48df9d,
+      "surface-dim": #d9dbd6,
+      "surface-bright": #f8faf5,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #f2f4f0,
+      "surface-container": #edeeea,
+      "surface-container-high": #e7e9e4,
+      "surface-container-highest": #e1e3df,
+    ),
+    "dark": (
+      "primary": #48df9d,
+      "on-primary": #003822,
+      "primary-container": #005234,
+      "on-primary-container": #6afcb7,
+      "secondary": #b4ccbc,
+      "on-secondary": #203529,
+      "secondary-container": #364b3f,
+      "on-secondary-container": #d0e8d7,
+      "tertiary": #a4cddd,
+      "on-tertiary": #053542,
+      "tertiary-container": #234c59,
+      "on-tertiary-container": #c0e9fa,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #191c1a,
+      "on-background": #e1e3df,
+      "surface": #111412,
+      "on-surface": #e1e3df,
+      "surface-variant": #404943,
+      "on-surface-variant": #c0c9c1,
+      "outline": #8a938c,
+      "outline-variant": #404943,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e1e3df,
+      "inverse-on-surface": #2e312e,
+      "inverse-primary": #006c46,
+      "surface-dim": #111412,
+      "surface-bright": #373a37,
+      "surface-container-lowest": #0c0f0d,
+      "surface-container-low": #191c1a,
+      "surface-container": #1d201e,
+      "surface-container-high": #282b28,
+      "surface-container-highest": #323633,
+    ),
+  ),
+  "gold": (
+    "light": (
+      "primary": #7a5900,
+      "on-primary": #ffffff,
+      "primary-container": #ffdea2,
+      "on-primary-container": #261900,
+      "secondary": #6c5c3f,
+      "on-secondary": #ffffff,
+      "secondary-container": #f6e0bb,
+      "on-secondary-container": #251a04,
+      "tertiary": #4b6546,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #cdebc3,
+      "on-tertiary-container": #092008,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1e1b16,
+      "surface": #fff8f2,
+      "on-surface": #1e1b16,
+      "surface-variant": #ede1cf,
+      "on-surface-variant": #4d4639,
+      "outline": #7f7667,
+      "outline-variant": #d1c5b4,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #34302a,
+      "inverse-on-surface": #f8efe7,
+      "inverse-primary": #fcbc19,
+      "surface-dim": #e1d9d0,
+      "surface-bright": #fff8f2,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fbf2e9,
+      "surface-container": #f5ede4,
+      "surface-container-high": #efe7de,
+      "surface-container-highest": #e9e1d9,
+    ),
+    "dark": (
+      "primary": #fcbc19,
+      "on-primary": #402d00,
+      "primary-container": #5c4200,
+      "on-primary-container": #ffdea2,
+      "secondary": #d9c4a0,
+      "on-secondary": #3b2f15,
+      "secondary-container": #53452a,
+      "on-secondary-container": #f6e0bb,
+      "tertiary": #b1cfa8,
+      "on-tertiary": #1e361b,
+      "tertiary-container": #344d30,
+      "on-tertiary-container": #cdebc3,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1e1b16,
+      "on-background": #e9e1d9,
+      "surface": #16130e,
+      "on-surface": #e9e1d9,
+      "surface-variant": #4d4639,
+      "on-surface-variant": #d1c5b4,
+      "outline": #9a8f80,
+      "outline-variant": #4d4639,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #e9e1d9,
+      "inverse-on-surface": #34302a,
+      "inverse-primary": #7a5900,
+      "surface-dim": #16130e,
+      "surface-bright": #3d3933,
+      "surface-container-lowest": #110e09,
+      "surface-container-low": #1e1b16,
+      "surface-container": #221f1a,
+      "surface-container-high": #2d2924,
+      "surface-container-highest": #38342e,
+    ),
+  ),
+  "vitamin-c": (
+    "light": (
+      "primary": #895100,
+      "on-primary": #ffffff,
+      "primary-container": #ffdcbc,
+      "on-primary-container": #2c1700,
+      "secondary": #725a42,
+      "on-secondary": #ffffff,
+      "secondary-container": #feddbe,
+      "on-secondary-container": #291805,
+      "tertiary": #57633b,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #dbe8b5,
+      "on-tertiary-container": #151f01,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #1f1b16,
+      "surface": #fff8f4,
+      "on-surface": #1f1b16,
+      "surface-variant": #f2dfd0,
+      "on-surface-variant": #50453a,
+      "outline": #837568,
+      "outline-variant": #d5c3b5,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #352f2b,
+      "inverse-on-surface": #faefe7,
+      "inverse-primary": #ffb86c,
+      "surface-dim": #e3d8d1,
+      "surface-bright": #fff8f4,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fdf2ea,
+      "surface-container": #f7ece4,
+      "surface-container-high": #f1e6df,
+      "surface-container-highest": #ebe1d9,
+    ),
+    "dark": (
+      "primary": #ffb86c,
+      "on-primary": #492900,
+      "primary-container": #683d00,
+      "on-primary-container": #ffdcbc,
+      "secondary": #e1c1a3,
+      "on-secondary": #402c18,
+      "secondary-container": #58432c,
+      "on-secondary-container": #feddbe,
+      "tertiary": #bfcc9b,
+      "on-tertiary": #2a3411,
+      "tertiary-container": #404b25,
+      "on-tertiary-container": #dbe8b5,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #1f1b16,
+      "on-background": #ebe1d9,
+      "surface": #17130e,
+      "on-surface": #ebe1d9,
+      "surface-variant": #50453a,
+      "on-surface-variant": #d5c3b5,
+      "outline": #9d8e81,
+      "outline-variant": #50453a,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ebe1d9,
+      "inverse-on-surface": #352f2b,
+      "inverse-primary": #895100,
+      "surface-dim": #17130e,
+      "surface-bright": #3e3833,
+      "surface-container-lowest": #120d09,
+      "surface-container-low": #1f1b16,
+      "surface-container": #241f1a,
+      "surface-container-high": #2e2924,
+      "surface-container-highest": #39342f,
+    ),
+  ),
+  "burtuqali": (
+    "light": (
+      "primary": #a14000,
+      "on-primary": #ffffff,
+      "primary-container": #ffdbcc,
+      "on-primary-container": #351000,
+      "secondary": #76574a,
+      "on-secondary": #ffffff,
+      "secondary-container": #ffdbcc,
+      "on-secondary-container": #2c160b,
+      "tertiary": #665f31,
+      "on-tertiary": #ffffff,
+      "tertiary-container": #eee4a9,
+      "on-tertiary-container": #201c00,
+      "error": #ba1a1a,
+      "on-error": #ffffff,
+      "error-container": #ffdad6,
+      "on-error-container": #410002,
+      "background": #fffbff,
+      "on-background": #201a18,
+      "surface": #fff8f6,
+      "on-surface": #201a18,
+      "surface-variant": #f4ded5,
+      "on-surface-variant": #52443d,
+      "outline": #85736c,
+      "outline-variant": #d7c2ba,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #362f2c,
+      "inverse-on-surface": #fbeee9,
+      "inverse-primary": #ffb694,
+      "surface-dim": #e4d7d3,
+      "surface-bright": #fff8f6,
+      "surface-container-lowest": #ffffff,
+      "surface-container-low": #fef1ec,
+      "surface-container": #f8ebe7,
+      "surface-container-high": #f2e6e1,
+      "surface-container-highest": #ede0db,
+    ),
+    "dark": (
+      "primary": #ffb694,
+      "on-primary": #571f00,
+      "primary-container": #7b2f00,
+      "on-primary-container": #ffdbcc,
+      "secondary": #e6bead,
+      "on-secondary": #442a1f,
+      "secondary-container": #5d4033,
+      "on-secondary-container": #ffdbcc,
+      "tertiary": #d1c88f,
+      "on-tertiary": #363107,
+      "tertiary-container": #4d471b,
+      "on-tertiary-container": #eee4a9,
+      "error": #ffb4ab,
+      "on-error": #690005,
+      "error-container": #93000a,
+      "on-error-container": #ffb4ab,
+      "background": #201a18,
+      "on-background": #ede0db,
+      "surface": #181210,
+      "on-surface": #ede0db,
+      "surface-variant": #52443d,
+      "on-surface-variant": #d7c2ba,
+      "outline": #a08d85,
+      "outline-variant": #52443d,
+      "shadow": #000000,
+      "scrim": #000000,
+      "inverse-surface": #ede0db,
+      "inverse-on-surface": #362f2c,
+      "inverse-primary": #a14000,
+      "surface-dim": #181210,
+      "surface-bright": #3f3835,
+      "surface-container-lowest": #120d0b,
+      "surface-container-low": #201a18,
+      "surface-container": #251e1c,
+      "surface-container-high": #2f2926,
+      "surface-container-highest": #3a3330,
+    ),
+  ),
+);
+@mixin -emit-tokens($map) {
+  @each $name, $value in $map {
+    --#{$name}: #{$value};
+  }
+}
+$-default-theme: list.nth(map.keys($themes), 1);
+:root {
+  @include -emit-tokens(map.get(map.get($themes, $-default-theme), "light"));
+}
+@each $-theme-name, $-modes in $themes {
+  // Explicit light and the light branch of auto share light tokens.
+  :root[data-theme="#{$-theme-name}"][data-mode="light"],
+  :root[data-theme="#{$-theme-name}"][data-mode="auto"] {
+    @include -emit-tokens(map.get($-modes, "light"));
+  }
+  // Explicit dark.
+  :root[data-theme="#{$-theme-name}"][data-mode="dark"] {
+    @include -emit-tokens(map.get($-modes, "dark"));
+  }
+  // Auto resolves to dark when the OS reports dark — CSS handles this live,
+  // so the framework needs no JS hook for system-pref changes here.
+  @media (prefers-color-scheme: dark) {
+    :root[data-theme="#{$-theme-name}"][data-mode="auto"] {
+      @include -emit-tokens(map.get($-modes, "dark"));
+    }
+  }
+}