diff --git a/.gitignore b/.gitignore
index 42f20c5..4ab2706 100644
--- a/.gitignore
+++ b/.gitignore
@@ -214,3 +214,6 @@ __marimo__/
 
 # Streamlit
 .streamlit/secrets.toml
+
+# macOS stuff
+.DS_Store
diff --git a/brand-sample/README.md b/brand-sample/README.md
index 077f637..a7476c1 100644
--- a/brand-sample/README.md
+++ b/brand-sample/README.md
@@ -1,6 +1,6 @@
 # brand-sample
 
-**This is a simple example brand package that changes the `brand` color to purple.**
+**This is a simple example brand package that changes the `brand` colors to an autumn-inspired palette.**
 
 ### Before
 ![Screenshot of the Authn MFE with this brand package enabled](./docs/images/authn-without-theme.png)
diff --git a/brand-sample/dist/README.md b/brand-sample/dist/README.md
deleted file mode 100644
index 56d553c..0000000
--- a/brand-sample/dist/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Compiled Theme
-
-This directory contains the compiled theme stylesheets referenced by the [`jsdelivr`](https://www.jsdelivr.com/) example plugin.
diff --git a/brand-sample/dist/light.css b/brand-sample/dist/light.css
index 7c6555b..a0fe3c8 100644
--- a/brand-sample/dist/light.css
+++ b/brand-sample/dist/light.css
@@ -7,25 +7,216 @@
   --pgn-size-btn-focus-width: 2px;
   --pgn-size-input-btn-focus-width: 1px;
   --pgn-spacing-input-btn-padding-y: 0.5625rem;
-  --pgn-color-brand-100: #E9D4FFFF;
-  --pgn-color-brand-200: #DAB2FFFF;
-  --pgn-color-brand-300: #C27AFFFF;
-  --pgn-color-brand-400: #AD46FFFF;
-  --pgn-color-brand-600: #8200DBFF;
-  --pgn-color-brand-700: #6E11B0FF;
-  --pgn-color-brand-800: #59168BFF;
-  --pgn-color-brand-900: #3C0366FF;
-  --pgn-color-brand-base: #9810FAFF;
+  --pgn-color-white: #FFFFFFFF;
+  --pgn-color-black: #000000FF;
+  --pgn-color-blue: #324A6BFF;
+  --pgn-color-red: #8B2332FF;
+  --pgn-color-green: #3C5A3EFF;
+  --pgn-color-yellow: #D4A537FF;
+  --pgn-color-teal: #4F7373FF;
+  --pgn-color-accent-a: #E8A33DFF;
+  --pgn-color-accent-b: #5A8042FF;
+  --pgn-color-gray-100: #EFEAE3FF;
+  --pgn-color-gray-200: #D7CFC4FF;
+  --pgn-color-gray-300: #BAB0A2FF;
+  --pgn-color-gray-400: #968B7CFF;
+  --pgn-color-gray-600: #565047FF;
+  --pgn-color-gray-700: #423E37FF;
+  --pgn-color-gray-800: #2F2C27FF;
+  --pgn-color-gray-900: #1C1A17FF;
+  --pgn-color-gray-base: #6B6358FF;
+  --pgn-color-primary-base: #6B1A28FF;
+  --pgn-color-brand-base: #B4501FFF;
+  --pgn-color-light-base: #F4EDE2FF;
+  --pgn-color-dark-base: #2A201AFF;
   --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
-  --pgn-color-brand-500: var(--pgn-color-brand-base); /** Brand color of level 500. */
-  --pgn-color-action-default-brand-100: #CFA1FFFF;
-  --pgn-color-action-default-brand-200: #C17FFFFF;
-  --pgn-color-action-default-brand-300: #AB47FFFF;
-  --pgn-color-action-default-brand-400: #9613FFFF;
-  --pgn-color-action-default-brand-600: #6400A8FF;
-  --pgn-color-action-default-brand-700: #510D81FF;
-  --pgn-color-action-default-brand-800: #3D0F5FFF;
-  --pgn-color-action-default-brand-900: #1F0234FF;
-  --pgn-color-action-default-brand-base: #7C04D3FF;
-  --pgn-color-action-default-brand-500: #7C04D3FF;
+  --pgn-color-gray-500: var(--pgn-color-gray-base);
+  --pgn-color-primary-100: #F6F1F2FF;
+  --pgn-color-primary-200: #DAC6C9FF;
+  --pgn-color-primary-300: #B58D94FF;
+  --pgn-color-primary-400: #90535EFF;
+  --pgn-color-primary-500: var(--pgn-color-primary-base);
+  --pgn-color-primary-600: #601724FF;
+  --pgn-color-primary-700: #561520FF;
+  --pgn-color-primary-800: #50141EFF;
+  --pgn-color-primary-900: #4B121CFF;
+  --pgn-color-secondary-base: var(--pgn-color-gray-700);
+  --pgn-color-brand-100: #FBF5F2FF;
+  --pgn-color-brand-200: #ECD3C7FF;
+  --pgn-color-brand-300: #DAA88FFF;
+  --pgn-color-brand-400: #C77C57FF;
+  --pgn-color-brand-500: var(--pgn-color-brand-base);
+  --pgn-color-brand-600: #A2481CFF;
+  --pgn-color-brand-700: #904019FF;
+  --pgn-color-brand-800: #873C17FF;
+  --pgn-color-brand-900: #7E3816FF;
+  --pgn-color-success-base: var(--pgn-color-green);
+  --pgn-color-info-base: var(--pgn-color-teal);
+  --pgn-color-warning-base: var(--pgn-color-yellow);
+  --pgn-color-danger-base: var(--pgn-color-red);
+  --pgn-color-light-100: #FEFEFDFF;
+  --pgn-color-light-200: #FCFBF8FF;
+  --pgn-color-light-300: #FAF6F1FF;
+  --pgn-color-light-400: #F7F2E9FF;
+  --pgn-color-light-500: var(--pgn-color-light-base);
+  --pgn-color-light-600: #DCD5CBFF;
+  --pgn-color-light-700: #C3BEB5FF;
+  --pgn-color-light-800: #B7B2AAFF;
+  --pgn-color-light-900: #ABA69EFF;
+  --pgn-color-dark-100: #F2F2F1FF;
+  --pgn-color-dark-200: #CAC7C6FF;
+  --pgn-color-dark-300: #95908DFF;
+  --pgn-color-dark-400: #5F5853FF;
+  --pgn-color-dark-500: var(--pgn-color-dark-base);
+  --pgn-color-dark-600: #261D17FF;
+  --pgn-color-dark-700: #221A15FF;
+  --pgn-color-dark-800: #201814FF;
+  --pgn-color-dark-900: #1D1612FF;
+  --pgn-color-action-default-gray-100: #DCD2C3FF;
+  --pgn-color-action-default-gray-200: #C2B6A6FF;
+  --pgn-color-action-default-gray-300: #A49785FF;
+  --pgn-color-action-default-gray-400: #7C7163FF;
+  --pgn-color-action-default-gray-600: #3A3630FF;
+  --pgn-color-action-default-gray-700: #262420FF;
+  --pgn-color-action-default-gray-800: #131210FF;
+  --pgn-color-action-default-gray-900: #000000FF;
+  --pgn-color-action-default-gray-base: #4F4941FF;
+  --pgn-color-action-default-primary-base: #421019FF;
+  --pgn-color-action-default-brand-base: #883D18FF;
+  --pgn-color-action-default-light-base: #E6D6BDFF;
+  --pgn-color-action-default-dark-base: #0A0806FF;
+  --pgn-color-action-default-accent-a: #D88B1AFF;
+  --pgn-color-action-default-accent-b: #425E31FF;
+  --pgn-color-secondary-100: #F4F3F3FF;
+  --pgn-color-secondary-200: #D0CFCDFF;
+  --pgn-color-secondary-300: #A19F9BFF;
+  --pgn-color-secondary-400: #716E69FF;
+  --pgn-color-secondary-500: var(--pgn-color-secondary-base);
+  --pgn-color-secondary-600: #3B3832FF;
+  --pgn-color-secondary-700: #35322CFF;
+  --pgn-color-secondary-800: #322F29FF;
+  --pgn-color-secondary-900: #2E2B27FF;
+  --pgn-color-success-100: #F3F5F3FF;
+  --pgn-color-success-200: #CED6CFFF;
+  --pgn-color-success-300: #9EAD9FFF;
+  --pgn-color-success-400: #6D836EFF;
+  --pgn-color-success-500: var(--pgn-color-success-base);
+  --pgn-color-success-600: #365138FF;
+  --pgn-color-success-700: #304832FF;
+  --pgn-color-success-800: #2D442FFF;
+  --pgn-color-success-900: #2A3F2BFF;
+  --pgn-color-info-100: #F4F7F7FF;
+  --pgn-color-info-200: #D3DCDCFF;
+  --pgn-color-info-300: #A7B9B9FF;
+  --pgn-color-info-400: #7B9696FF;
+  --pgn-color-info-500: var(--pgn-color-info-base);
+  --pgn-color-info-600: #476868FF;
+  --pgn-color-info-700: #3F5C5CFF;
+  --pgn-color-info-800: #3B5656FF;
+  --pgn-color-info-900: #375151FF;
+  --pgn-color-warning-100: #FCFAF3FF;
+  --pgn-color-warning-200: #F4E9CDFF;
+  --pgn-color-warning-300: #EAD29BFF;
+  --pgn-color-warning-400: #DFBC69FF;
+  --pgn-color-warning-500: var(--pgn-color-warning-base);
+  --pgn-color-warning-600: #BF9532FF;
+  --pgn-color-warning-700: #AA842CFF;
+  --pgn-color-warning-800: #9F7C29FF;
+  --pgn-color-warning-900: #947427FF;
+  --pgn-color-danger-100: #F8F2F3FF;
+  --pgn-color-danger-200: #E2C8CCFF;
+  --pgn-color-danger-300: #C59199FF;
+  --pgn-color-danger-400: #A85A65FF;
+  --pgn-color-danger-500: var(--pgn-color-danger-base);
+  --pgn-color-danger-600: #7D202DFF;
+  --pgn-color-danger-700: #6F1C28FF;
+  --pgn-color-danger-800: #681A26FF;
+  --pgn-color-danger-900: #611923FF; /** Danger color of level 900. */
+  --pgn-color-action-default-gray-500: #4F4941FF;
+  --pgn-color-action-default-primary-100: #E2D2D5FF;
+  --pgn-color-action-default-primary-200: #C6A7ACFF;
+  --pgn-color-action-default-primary-300: #A16E77FF;
+  --pgn-color-action-default-primary-400: #704049FF;
+  --pgn-color-action-default-primary-500: #421019FF;
+  --pgn-color-action-default-primary-600: #370D15FF;
+  --pgn-color-action-default-primary-700: #2D0B11FF;
+  --pgn-color-action-default-primary-800: #270A0FFF;
+  --pgn-color-action-default-primary-900: #22080DFF;
+  --pgn-color-action-default-secondary-base: #262420FF;
+  --pgn-color-action-default-brand-100: #EFD7CBFF;
+  --pgn-color-action-default-brand-200: #DFB5A1FF;
+  --pgn-color-action-default-brand-300: #CD8A69FF;
+  --pgn-color-action-default-brand-400: #B0623BFF;
+  --pgn-color-action-default-brand-500: #883D18FF;
+  --pgn-color-action-default-brand-600: #773514FF;
+  --pgn-color-action-default-brand-700: #652D11FF;
+  --pgn-color-action-default-brand-800: #5B2910FF;
+  --pgn-color-action-default-brand-900: #53250EFF;
+  --pgn-color-action-default-success-base: #283B29FF;
+  --pgn-color-action-default-info-base: #3A5555FF;
+  --pgn-color-action-default-warning-base: #B28826FF;
+  --pgn-color-action-default-danger-base: #621923FF;
+  --pgn-color-action-default-light-100: #EDEDDBFF;
+  --pgn-color-action-default-light-200: #EDE7D4FF;
+  --pgn-color-action-default-light-300: #EDDECBFF;
+  --pgn-color-action-default-light-400: #E9DCC4FF;
+  --pgn-color-action-default-light-500: #E6D6BDFF;
+  --pgn-color-action-default-light-600: #C7BCADFF;
+  --pgn-color-action-default-light-700: #ACA599FF;
+  --pgn-color-action-default-light-800: #A0998EFF;
+  --pgn-color-action-default-light-900: #938D83FF;
+  --pgn-color-action-default-dark-100: #D9D9D7FF;
+  --pgn-color-action-default-dark-200: #B1ADACFF;
+  --pgn-color-action-default-dark-300: #7C7673FF;
+  --pgn-color-action-default-dark-400: #443F3BFF;
+  --pgn-color-action-default-dark-500: #0A0806FF;
+  --pgn-color-action-default-dark-600: #060504FF;
+  --pgn-color-action-default-dark-700: #020202FF;
+  --pgn-color-action-default-dark-800: #010000FF;
+  --pgn-color-action-default-dark-900: #000000FF;
+  --pgn-color-action-default-secondary-100: #DCD8D8FF;
+  --pgn-color-action-default-secondary-200: #B7B6B3FF;
+  --pgn-color-action-default-secondary-300: #888681FF;
+  --pgn-color-action-default-secondary-400: #575450FF;
+  --pgn-color-action-default-secondary-500: #262420FF;
+  --pgn-color-action-default-secondary-600: #1F1E1BFF;
+  --pgn-color-action-default-secondary-700: #191815FF;
+  --pgn-color-action-default-secondary-800: #161512FF;
+  --pgn-color-action-default-secondary-900: #121110FF;
+  --pgn-color-action-default-success-100: #D7DED7FF;
+  --pgn-color-action-default-success-200: #B2BFB4FF;
+  --pgn-color-action-default-success-300: #829684FF;
+  --pgn-color-action-default-success-400: #566757FF;
+  --pgn-color-action-default-success-500: #283B29FF;
+  --pgn-color-action-default-success-600: #223223FF;
+  --pgn-color-action-default-success-700: #1C291DFF;
+  --pgn-color-action-default-success-800: #19251AFF;
+  --pgn-color-action-default-success-900: #162016FF;
+  --pgn-color-action-default-info-100: #D6E2E2FF;
+  --pgn-color-action-default-info-200: #B7C5C5FF;
+  --pgn-color-action-default-info-300: #8BA2A2FF;
+  --pgn-color-action-default-info-400: #627C7CFF;
+  --pgn-color-action-default-info-500: #3A5555FF;
+  --pgn-color-action-default-info-600: #324A4AFF;
+  --pgn-color-action-default-info-700: #2A3E3EFF;
+  --pgn-color-action-default-info-800: #263838FF;
+  --pgn-color-action-default-info-900: #223333FF;
+  --pgn-color-action-default-warning-100: #F2E9CAFF;
+  --pgn-color-action-default-warning-200: #EBD7A3FF;
+  --pgn-color-action-default-warning-300: #E1BF71FF;
+  --pgn-color-action-default-warning-400: #D6A93FFF;
+  --pgn-color-action-default-warning-500: #B28826FF;
+  --pgn-color-action-default-warning-600: #977527FF;
+  --pgn-color-action-default-warning-700: #816522FF;
+  --pgn-color-action-default-warning-800: #765C1FFF;
+  --pgn-color-action-default-warning-900: #6C541CFF;
+  --pgn-color-action-default-danger-100: #E6D1D4FF;
+  --pgn-color-action-default-danger-200: #D0A7ADFF;
+  --pgn-color-action-default-danger-300: #B3707AFF;
+  --pgn-color-action-default-danger-400: #884751FF;
+  --pgn-color-action-default-danger-500: #621923FF;
+  --pgn-color-action-default-danger-600: #54161EFF;
+  --pgn-color-action-default-danger-700: #461219FF;
+  --pgn-color-action-default-danger-800: #3F1017FF;
+  --pgn-color-action-default-danger-900: #380F14FF;
 }
\ No newline at end of file
diff --git a/brand-sample/dist/light.css.map b/brand-sample/dist/light.css.map
index 8645f31..05559a5 100644
--- a/brand-sample/dist/light.css.map
+++ b/brand-sample/dist/light.css.map
@@ -1 +1 @@
-{"version":3,"sources":["light.css"],"names":[],"mappings":"AAKA,MACE,8BAA+B,CAC/B,oCAAqC,CACrC,2CAA4C,CAC5C,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,gCAAiC,CACjC,8EAA+E,CAC/E,iDAAkD,CAClD,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,+CAAgD,CAChD,8CACF","file":"light.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * See <PARAGON_ROOT>/tokens/README.md for more details.\n */\n\n:root {\n  --pgn-size-btn-focus-width: 2px;\n  --pgn-size-input-btn-focus-width: 1px;\n  --pgn-spacing-input-btn-padding-y: 0.5625rem;\n  --pgn-color-brand-100: #E9D4FFFF;\n  --pgn-color-brand-200: #DAB2FFFF;\n  --pgn-color-brand-300: #C27AFFFF;\n  --pgn-color-brand-400: #AD46FFFF;\n  --pgn-color-brand-600: #8200DBFF;\n  --pgn-color-brand-700: #6E11B0FF;\n  --pgn-color-brand-800: #59168BFF;\n  --pgn-color-brand-900: #3C0366FF;\n  --pgn-color-brand-base: #9810FAFF;\n  --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);\n  --pgn-color-brand-500: var(--pgn-color-brand-base); /** Brand color of level 500. */\n  --pgn-color-action-default-brand-100: #CFA1FFFF;\n  --pgn-color-action-default-brand-200: #C17FFFFF;\n  --pgn-color-action-default-brand-300: #AB47FFFF;\n  --pgn-color-action-default-brand-400: #9613FFFF;\n  --pgn-color-action-default-brand-600: #6400A8FF;\n  --pgn-color-action-default-brand-700: #510D81FF;\n  --pgn-color-action-default-brand-800: #3D0F5FFF;\n  --pgn-color-action-default-brand-900: #1F0234FF;\n  --pgn-color-action-default-brand-base: #7C04D3FF;\n  --pgn-color-action-default-brand-500: #7C04D3FF;\n}"]}
\ No newline at end of file
+{"version":3,"sources":["light.css"],"names":[],"mappings":"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","file":"light.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * See <PARAGON_ROOT>/tokens/README.md for more details.\n */\n\n:root {\n  --pgn-size-btn-focus-width: 2px;\n  --pgn-size-input-btn-focus-width: 1px;\n  --pgn-spacing-input-btn-padding-y: 0.5625rem;\n  --pgn-color-white: #FFFFFFFF;\n  --pgn-color-black: #000000FF;\n  --pgn-color-blue: #324A6BFF;\n  --pgn-color-red: #8B2332FF;\n  --pgn-color-green: #3C5A3EFF;\n  --pgn-color-yellow: #D4A537FF;\n  --pgn-color-teal: #4F7373FF;\n  --pgn-color-accent-a: #E8A33DFF;\n  --pgn-color-accent-b: #5A8042FF;\n  --pgn-color-gray-100: #EFEAE3FF;\n  --pgn-color-gray-200: #D7CFC4FF;\n  --pgn-color-gray-300: #BAB0A2FF;\n  --pgn-color-gray-400: #968B7CFF;\n  --pgn-color-gray-600: #565047FF;\n  --pgn-color-gray-700: #423E37FF;\n  --pgn-color-gray-800: #2F2C27FF;\n  --pgn-color-gray-900: #1C1A17FF;\n  --pgn-color-gray-base: #6B6358FF;\n  --pgn-color-primary-base: #6B1A28FF;\n  --pgn-color-brand-base: #B4501FFF;\n  --pgn-color-light-base: #F4EDE2FF;\n  --pgn-color-dark-base: #2A201AFF;\n  --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);\n  --pgn-color-gray-500: var(--pgn-color-gray-base);\n  --pgn-color-primary-100: #F6F1F2FF;\n  --pgn-color-primary-200: #DAC6C9FF;\n  --pgn-color-primary-300: #B58D94FF;\n  --pgn-color-primary-400: #90535EFF;\n  --pgn-color-primary-500: var(--pgn-color-primary-base);\n  --pgn-color-primary-600: #601724FF;\n  --pgn-color-primary-700: #561520FF;\n  --pgn-color-primary-800: #50141EFF;\n  --pgn-color-primary-900: #4B121CFF;\n  --pgn-color-secondary-base: var(--pgn-color-gray-700);\n  --pgn-color-brand-100: #FBF5F2FF;\n  --pgn-color-brand-200: #ECD3C7FF;\n  --pgn-color-brand-300: #DAA88FFF;\n  --pgn-color-brand-400: #C77C57FF;\n  --pgn-color-brand-500: var(--pgn-color-brand-base);\n  --pgn-color-brand-600: #A2481CFF;\n  --pgn-color-brand-700: #904019FF;\n  --pgn-color-brand-800: #873C17FF;\n  --pgn-color-brand-900: #7E3816FF;\n  --pgn-color-success-base: var(--pgn-color-green);\n  --pgn-color-info-base: var(--pgn-color-teal);\n  --pgn-color-warning-base: var(--pgn-color-yellow);\n  --pgn-color-danger-base: var(--pgn-color-red);\n  --pgn-color-light-100: #FEFEFDFF;\n  --pgn-color-light-200: #FCFBF8FF;\n  --pgn-color-light-300: #FAF6F1FF;\n  --pgn-color-light-400: #F7F2E9FF;\n  --pgn-color-light-500: var(--pgn-color-light-base);\n  --pgn-color-light-600: #DCD5CBFF;\n  --pgn-color-light-700: #C3BEB5FF;\n  --pgn-color-light-800: #B7B2AAFF;\n  --pgn-color-light-900: #ABA69EFF;\n  --pgn-color-dark-100: #F2F2F1FF;\n  --pgn-color-dark-200: #CAC7C6FF;\n  --pgn-color-dark-300: #95908DFF;\n  --pgn-color-dark-400: #5F5853FF;\n  --pgn-color-dark-500: var(--pgn-color-dark-base);\n  --pgn-color-dark-600: #261D17FF;\n  --pgn-color-dark-700: #221A15FF;\n  --pgn-color-dark-800: #201814FF;\n  --pgn-color-dark-900: #1D1612FF;\n  --pgn-color-action-default-gray-100: #DCD2C3FF;\n  --pgn-color-action-default-gray-200: #C2B6A6FF;\n  --pgn-color-action-default-gray-300: #A49785FF;\n  --pgn-color-action-default-gray-400: #7C7163FF;\n  --pgn-color-action-default-gray-600: #3A3630FF;\n  --pgn-color-action-default-gray-700: #262420FF;\n  --pgn-color-action-default-gray-800: #131210FF;\n  --pgn-color-action-default-gray-900: #000000FF;\n  --pgn-color-action-default-gray-base: #4F4941FF;\n  --pgn-color-action-default-primary-base: #421019FF;\n  --pgn-color-action-default-brand-base: #883D18FF;\n  --pgn-color-action-default-light-base: #E6D6BDFF;\n  --pgn-color-action-default-dark-base: #0A0806FF;\n  --pgn-color-action-default-accent-a: #D88B1AFF;\n  --pgn-color-action-default-accent-b: #425E31FF;\n  --pgn-color-secondary-100: #F4F3F3FF;\n  --pgn-color-secondary-200: #D0CFCDFF;\n  --pgn-color-secondary-300: #A19F9BFF;\n  --pgn-color-secondary-400: #716E69FF;\n  --pgn-color-secondary-500: var(--pgn-color-secondary-base);\n  --pgn-color-secondary-600: #3B3832FF;\n  --pgn-color-secondary-700: #35322CFF;\n  --pgn-color-secondary-800: #322F29FF;\n  --pgn-color-secondary-900: #2E2B27FF;\n  --pgn-color-success-100: #F3F5F3FF;\n  --pgn-color-success-200: #CED6CFFF;\n  --pgn-color-success-300: #9EAD9FFF;\n  --pgn-color-success-400: #6D836EFF;\n  --pgn-color-success-500: var(--pgn-color-success-base);\n  --pgn-color-success-600: #365138FF;\n  --pgn-color-success-700: #304832FF;\n  --pgn-color-success-800: #2D442FFF;\n  --pgn-color-success-900: #2A3F2BFF;\n  --pgn-color-info-100: #F4F7F7FF;\n  --pgn-color-info-200: #D3DCDCFF;\n  --pgn-color-info-300: #A7B9B9FF;\n  --pgn-color-info-400: #7B9696FF;\n  --pgn-color-info-500: var(--pgn-color-info-base);\n  --pgn-color-info-600: #476868FF;\n  --pgn-color-info-700: #3F5C5CFF;\n  --pgn-color-info-800: #3B5656FF;\n  --pgn-color-info-900: #375151FF;\n  --pgn-color-warning-100: #FCFAF3FF;\n  --pgn-color-warning-200: #F4E9CDFF;\n  --pgn-color-warning-300: #EAD29BFF;\n  --pgn-color-warning-400: #DFBC69FF;\n  --pgn-color-warning-500: var(--pgn-color-warning-base);\n  --pgn-color-warning-600: #BF9532FF;\n  --pgn-color-warning-700: #AA842CFF;\n  --pgn-color-warning-800: #9F7C29FF;\n  --pgn-color-warning-900: #947427FF;\n  --pgn-color-danger-100: #F8F2F3FF;\n  --pgn-color-danger-200: #E2C8CCFF;\n  --pgn-color-danger-300: #C59199FF;\n  --pgn-color-danger-400: #A85A65FF;\n  --pgn-color-danger-500: var(--pgn-color-danger-base);\n  --pgn-color-danger-600: #7D202DFF;\n  --pgn-color-danger-700: #6F1C28FF;\n  --pgn-color-danger-800: #681A26FF;\n  --pgn-color-danger-900: #611923FF; /** Danger color of level 900. */\n  --pgn-color-action-default-gray-500: #4F4941FF;\n  --pgn-color-action-default-primary-100: #E2D2D5FF;\n  --pgn-color-action-default-primary-200: #C6A7ACFF;\n  --pgn-color-action-default-primary-300: #A16E77FF;\n  --pgn-color-action-default-primary-400: #704049FF;\n  --pgn-color-action-default-primary-500: #421019FF;\n  --pgn-color-action-default-primary-600: #370D15FF;\n  --pgn-color-action-default-primary-700: #2D0B11FF;\n  --pgn-color-action-default-primary-800: #270A0FFF;\n  --pgn-color-action-default-primary-900: #22080DFF;\n  --pgn-color-action-default-secondary-base: #262420FF;\n  --pgn-color-action-default-brand-100: #EFD7CBFF;\n  --pgn-color-action-default-brand-200: #DFB5A1FF;\n  --pgn-color-action-default-brand-300: #CD8A69FF;\n  --pgn-color-action-default-brand-400: #B0623BFF;\n  --pgn-color-action-default-brand-500: #883D18FF;\n  --pgn-color-action-default-brand-600: #773514FF;\n  --pgn-color-action-default-brand-700: #652D11FF;\n  --pgn-color-action-default-brand-800: #5B2910FF;\n  --pgn-color-action-default-brand-900: #53250EFF;\n  --pgn-color-action-default-success-base: #283B29FF;\n  --pgn-color-action-default-info-base: #3A5555FF;\n  --pgn-color-action-default-warning-base: #B28826FF;\n  --pgn-color-action-default-danger-base: #621923FF;\n  --pgn-color-action-default-light-100: #EDEDDBFF;\n  --pgn-color-action-default-light-200: #EDE7D4FF;\n  --pgn-color-action-default-light-300: #EDDECBFF;\n  --pgn-color-action-default-light-400: #E9DCC4FF;\n  --pgn-color-action-default-light-500: #E6D6BDFF;\n  --pgn-color-action-default-light-600: #C7BCADFF;\n  --pgn-color-action-default-light-700: #ACA599FF;\n  --pgn-color-action-default-light-800: #A0998EFF;\n  --pgn-color-action-default-light-900: #938D83FF;\n  --pgn-color-action-default-dark-100: #D9D9D7FF;\n  --pgn-color-action-default-dark-200: #B1ADACFF;\n  --pgn-color-action-default-dark-300: #7C7673FF;\n  --pgn-color-action-default-dark-400: #443F3BFF;\n  --pgn-color-action-default-dark-500: #0A0806FF;\n  --pgn-color-action-default-dark-600: #060504FF;\n  --pgn-color-action-default-dark-700: #020202FF;\n  --pgn-color-action-default-dark-800: #010000FF;\n  --pgn-color-action-default-dark-900: #000000FF;\n  --pgn-color-action-default-secondary-100: #DCD8D8FF;\n  --pgn-color-action-default-secondary-200: #B7B6B3FF;\n  --pgn-color-action-default-secondary-300: #888681FF;\n  --pgn-color-action-default-secondary-400: #575450FF;\n  --pgn-color-action-default-secondary-500: #262420FF;\n  --pgn-color-action-default-secondary-600: #1F1E1BFF;\n  --pgn-color-action-default-secondary-700: #191815FF;\n  --pgn-color-action-default-secondary-800: #161512FF;\n  --pgn-color-action-default-secondary-900: #121110FF;\n  --pgn-color-action-default-success-100: #D7DED7FF;\n  --pgn-color-action-default-success-200: #B2BFB4FF;\n  --pgn-color-action-default-success-300: #829684FF;\n  --pgn-color-action-default-success-400: #566757FF;\n  --pgn-color-action-default-success-500: #283B29FF;\n  --pgn-color-action-default-success-600: #223223FF;\n  --pgn-color-action-default-success-700: #1C291DFF;\n  --pgn-color-action-default-success-800: #19251AFF;\n  --pgn-color-action-default-success-900: #162016FF;\n  --pgn-color-action-default-info-100: #D6E2E2FF;\n  --pgn-color-action-default-info-200: #B7C5C5FF;\n  --pgn-color-action-default-info-300: #8BA2A2FF;\n  --pgn-color-action-default-info-400: #627C7CFF;\n  --pgn-color-action-default-info-500: #3A5555FF;\n  --pgn-color-action-default-info-600: #324A4AFF;\n  --pgn-color-action-default-info-700: #2A3E3EFF;\n  --pgn-color-action-default-info-800: #263838FF;\n  --pgn-color-action-default-info-900: #223333FF;\n  --pgn-color-action-default-warning-100: #F2E9CAFF;\n  --pgn-color-action-default-warning-200: #EBD7A3FF;\n  --pgn-color-action-default-warning-300: #E1BF71FF;\n  --pgn-color-action-default-warning-400: #D6A93FFF;\n  --pgn-color-action-default-warning-500: #B28826FF;\n  --pgn-color-action-default-warning-600: #977527FF;\n  --pgn-color-action-default-warning-700: #816522FF;\n  --pgn-color-action-default-warning-800: #765C1FFF;\n  --pgn-color-action-default-warning-900: #6C541CFF;\n  --pgn-color-action-default-danger-100: #E6D1D4FF;\n  --pgn-color-action-default-danger-200: #D0A7ADFF;\n  --pgn-color-action-default-danger-300: #B3707AFF;\n  --pgn-color-action-default-danger-400: #884751FF;\n  --pgn-color-action-default-danger-500: #621923FF;\n  --pgn-color-action-default-danger-600: #54161EFF;\n  --pgn-color-action-default-danger-700: #461219FF;\n  --pgn-color-action-default-danger-800: #3F1017FF;\n  --pgn-color-action-default-danger-900: #380F14FF;\n}"]}
\ No newline at end of file
diff --git a/brand-sample/dist/light.min.css b/brand-sample/dist/light.min.css
index 6a0c6e0..a92480b 100644
--- a/brand-sample/dist/light.min.css
+++ b/brand-sample/dist/light.min.css
@@ -1,2 +1,2 @@
-:root{--pgn-size-btn-focus-width:2px;--pgn-size-input-btn-focus-width:1px;--pgn-spacing-input-btn-padding-y:0.5625rem;--pgn-color-brand-100:#E9D4FFFF;--pgn-color-brand-200:#DAB2FFFF;--pgn-color-brand-300:#C27AFFFF;--pgn-color-brand-400:#AD46FFFF;--pgn-color-brand-600:#8200DBFF;--pgn-color-brand-700:#6E11B0FF;--pgn-color-brand-800:#59168BFF;--pgn-color-brand-900:#3C0366FF;--pgn-color-brand-base:#9810FAFF;--pgn-spacing-form-input-padding-y-base:var(--pgn-spacing-input-btn-padding-y);--pgn-color-brand-500:var(--pgn-color-brand-base);--pgn-color-action-default-brand-100:#CFA1FFFF;--pgn-color-action-default-brand-200:#C17FFFFF;--pgn-color-action-default-brand-300:#AB47FFFF;--pgn-color-action-default-brand-400:#9613FFFF;--pgn-color-action-default-brand-600:#6400A8FF;--pgn-color-action-default-brand-700:#510D81FF;--pgn-color-action-default-brand-800:#3D0F5FFF;--pgn-color-action-default-brand-900:#1F0234FF;--pgn-color-action-default-brand-base:#7C04D3FF;--pgn-color-action-default-brand-500:#7C04D3FF}
+:root{--pgn-size-btn-focus-width:2px;--pgn-size-input-btn-focus-width:1px;--pgn-spacing-input-btn-padding-y:0.5625rem;--pgn-color-white:#FFFFFFFF;--pgn-color-black:#000000FF;--pgn-color-blue:#324A6BFF;--pgn-color-red:#8B2332FF;--pgn-color-green:#3C5A3EFF;--pgn-color-yellow:#D4A537FF;--pgn-color-teal:#4F7373FF;--pgn-color-accent-a:#E8A33DFF;--pgn-color-accent-b:#5A8042FF;--pgn-color-gray-100:#EFEAE3FF;--pgn-color-gray-200:#D7CFC4FF;--pgn-color-gray-300:#BAB0A2FF;--pgn-color-gray-400:#968B7CFF;--pgn-color-gray-600:#565047FF;--pgn-color-gray-700:#423E37FF;--pgn-color-gray-800:#2F2C27FF;--pgn-color-gray-900:#1C1A17FF;--pgn-color-gray-base:#6B6358FF;--pgn-color-primary-base:#6B1A28FF;--pgn-color-brand-base:#B4501FFF;--pgn-color-light-base:#F4EDE2FF;--pgn-color-dark-base:#2A201AFF;--pgn-spacing-form-input-padding-y-base:var(--pgn-spacing-input-btn-padding-y);--pgn-color-gray-500:var(--pgn-color-gray-base);--pgn-color-primary-100:#F6F1F2FF;--pgn-color-primary-200:#DAC6C9FF;--pgn-color-primary-300:#B58D94FF;--pgn-color-primary-400:#90535EFF;--pgn-color-primary-500:var(--pgn-color-primary-base);--pgn-color-primary-600:#601724FF;--pgn-color-primary-700:#561520FF;--pgn-color-primary-800:#50141EFF;--pgn-color-primary-900:#4B121CFF;--pgn-color-secondary-base:var(--pgn-color-gray-700);--pgn-color-brand-100:#FBF5F2FF;--pgn-color-brand-200:#ECD3C7FF;--pgn-color-brand-300:#DAA88FFF;--pgn-color-brand-400:#C77C57FF;--pgn-color-brand-500:var(--pgn-color-brand-base);--pgn-color-brand-600:#A2481CFF;--pgn-color-brand-700:#904019FF;--pgn-color-brand-800:#873C17FF;--pgn-color-brand-900:#7E3816FF;--pgn-color-success-base:var(--pgn-color-green);--pgn-color-info-base:var(--pgn-color-teal);--pgn-color-warning-base:var(--pgn-color-yellow);--pgn-color-danger-base:var(--pgn-color-red);--pgn-color-light-100:#FEFEFDFF;--pgn-color-light-200:#FCFBF8FF;--pgn-color-light-300:#FAF6F1FF;--pgn-color-light-400:#F7F2E9FF;--pgn-color-light-500:var(--pgn-color-light-base);--pgn-color-light-600:#DCD5CBFF;--pgn-color-light-700:#C3BEB5FF;--pgn-color-light-800:#B7B2AAFF;--pgn-color-light-900:#ABA69EFF;--pgn-color-dark-100:#F2F2F1FF;--pgn-color-dark-200:#CAC7C6FF;--pgn-color-dark-300:#95908DFF;--pgn-color-dark-400:#5F5853FF;--pgn-color-dark-500:var(--pgn-color-dark-base);--pgn-color-dark-600:#261D17FF;--pgn-color-dark-700:#221A15FF;--pgn-color-dark-800:#201814FF;--pgn-color-dark-900:#1D1612FF;--pgn-color-action-default-gray-100:#DCD2C3FF;--pgn-color-action-default-gray-200:#C2B6A6FF;--pgn-color-action-default-gray-300:#A49785FF;--pgn-color-action-default-gray-400:#7C7163FF;--pgn-color-action-default-gray-600:#3A3630FF;--pgn-color-action-default-gray-700:#262420FF;--pgn-color-action-default-gray-800:#131210FF;--pgn-color-action-default-gray-900:#000000FF;--pgn-color-action-default-gray-base:#4F4941FF;--pgn-color-action-default-primary-base:#421019FF;--pgn-color-action-default-brand-base:#883D18FF;--pgn-color-action-default-light-base:#E6D6BDFF;--pgn-color-action-default-dark-base:#0A0806FF;--pgn-color-action-default-accent-a:#D88B1AFF;--pgn-color-action-default-accent-b:#425E31FF;--pgn-color-secondary-100:#F4F3F3FF;--pgn-color-secondary-200:#D0CFCDFF;--pgn-color-secondary-300:#A19F9BFF;--pgn-color-secondary-400:#716E69FF;--pgn-color-secondary-500:var(--pgn-color-secondary-base);--pgn-color-secondary-600:#3B3832FF;--pgn-color-secondary-700:#35322CFF;--pgn-color-secondary-800:#322F29FF;--pgn-color-secondary-900:#2E2B27FF;--pgn-color-success-100:#F3F5F3FF;--pgn-color-success-200:#CED6CFFF;--pgn-color-success-300:#9EAD9FFF;--pgn-color-success-400:#6D836EFF;--pgn-color-success-500:var(--pgn-color-success-base);--pgn-color-success-600:#365138FF;--pgn-color-success-700:#304832FF;--pgn-color-success-800:#2D442FFF;--pgn-color-success-900:#2A3F2BFF;--pgn-color-info-100:#F4F7F7FF;--pgn-color-info-200:#D3DCDCFF;--pgn-color-info-300:#A7B9B9FF;--pgn-color-info-400:#7B9696FF;--pgn-color-info-500:var(--pgn-color-info-base);--pgn-color-info-600:#476868FF;--pgn-color-info-700:#3F5C5CFF;--pgn-color-info-800:#3B5656FF;--pgn-color-info-900:#375151FF;--pgn-color-warning-100:#FCFAF3FF;--pgn-color-warning-200:#F4E9CDFF;--pgn-color-warning-300:#EAD29BFF;--pgn-color-warning-400:#DFBC69FF;--pgn-color-warning-500:var(--pgn-color-warning-base);--pgn-color-warning-600:#BF9532FF;--pgn-color-warning-700:#AA842CFF;--pgn-color-warning-800:#9F7C29FF;--pgn-color-warning-900:#947427FF;--pgn-color-danger-100:#F8F2F3FF;--pgn-color-danger-200:#E2C8CCFF;--pgn-color-danger-300:#C59199FF;--pgn-color-danger-400:#A85A65FF;--pgn-color-danger-500:var(--pgn-color-danger-base);--pgn-color-danger-600:#7D202DFF;--pgn-color-danger-700:#6F1C28FF;--pgn-color-danger-800:#681A26FF;--pgn-color-danger-900:#611923FF;--pgn-color-action-default-gray-500:#4F4941FF;--pgn-color-action-default-primary-100:#E2D2D5FF;--pgn-color-action-default-primary-200:#C6A7ACFF;--pgn-color-action-default-primary-300:#A16E77FF;--pgn-color-action-default-primary-400:#704049FF;--pgn-color-action-default-primary-500:#421019FF;--pgn-color-action-default-primary-600:#370D15FF;--pgn-color-action-default-primary-700:#2D0B11FF;--pgn-color-action-default-primary-800:#270A0FFF;--pgn-color-action-default-primary-900:#22080DFF;--pgn-color-action-default-secondary-base:#262420FF;--pgn-color-action-default-brand-100:#EFD7CBFF;--pgn-color-action-default-brand-200:#DFB5A1FF;--pgn-color-action-default-brand-300:#CD8A69FF;--pgn-color-action-default-brand-400:#B0623BFF;--pgn-color-action-default-brand-500:#883D18FF;--pgn-color-action-default-brand-600:#773514FF;--pgn-color-action-default-brand-700:#652D11FF;--pgn-color-action-default-brand-800:#5B2910FF;--pgn-color-action-default-brand-900:#53250EFF;--pgn-color-action-default-success-base:#283B29FF;--pgn-color-action-default-info-base:#3A5555FF;--pgn-color-action-default-warning-base:#B28826FF;--pgn-color-action-default-danger-base:#621923FF;--pgn-color-action-default-light-100:#EDEDDBFF;--pgn-color-action-default-light-200:#EDE7D4FF;--pgn-color-action-default-light-300:#EDDECBFF;--pgn-color-action-default-light-400:#E9DCC4FF;--pgn-color-action-default-light-500:#E6D6BDFF;--pgn-color-action-default-light-600:#C7BCADFF;--pgn-color-action-default-light-700:#ACA599FF;--pgn-color-action-default-light-800:#A0998EFF;--pgn-color-action-default-light-900:#938D83FF;--pgn-color-action-default-dark-100:#D9D9D7FF;--pgn-color-action-default-dark-200:#B1ADACFF;--pgn-color-action-default-dark-300:#7C7673FF;--pgn-color-action-default-dark-400:#443F3BFF;--pgn-color-action-default-dark-500:#0A0806FF;--pgn-color-action-default-dark-600:#060504FF;--pgn-color-action-default-dark-700:#020202FF;--pgn-color-action-default-dark-800:#010000FF;--pgn-color-action-default-dark-900:#000000FF;--pgn-color-action-default-secondary-100:#DCD8D8FF;--pgn-color-action-default-secondary-200:#B7B6B3FF;--pgn-color-action-default-secondary-300:#888681FF;--pgn-color-action-default-secondary-400:#575450FF;--pgn-color-action-default-secondary-500:#262420FF;--pgn-color-action-default-secondary-600:#1F1E1BFF;--pgn-color-action-default-secondary-700:#191815FF;--pgn-color-action-default-secondary-800:#161512FF;--pgn-color-action-default-secondary-900:#121110FF;--pgn-color-action-default-success-100:#D7DED7FF;--pgn-color-action-default-success-200:#B2BFB4FF;--pgn-color-action-default-success-300:#829684FF;--pgn-color-action-default-success-400:#566757FF;--pgn-color-action-default-success-500:#283B29FF;--pgn-color-action-default-success-600:#223223FF;--pgn-color-action-default-success-700:#1C291DFF;--pgn-color-action-default-success-800:#19251AFF;--pgn-color-action-default-success-900:#162016FF;--pgn-color-action-default-info-100:#D6E2E2FF;--pgn-color-action-default-info-200:#B7C5C5FF;--pgn-color-action-default-info-300:#8BA2A2FF;--pgn-color-action-default-info-400:#627C7CFF;--pgn-color-action-default-info-500:#3A5555FF;--pgn-color-action-default-info-600:#324A4AFF;--pgn-color-action-default-info-700:#2A3E3EFF;--pgn-color-action-default-info-800:#263838FF;--pgn-color-action-default-info-900:#223333FF;--pgn-color-action-default-warning-100:#F2E9CAFF;--pgn-color-action-default-warning-200:#EBD7A3FF;--pgn-color-action-default-warning-300:#E1BF71FF;--pgn-color-action-default-warning-400:#D6A93FFF;--pgn-color-action-default-warning-500:#B28826FF;--pgn-color-action-default-warning-600:#977527FF;--pgn-color-action-default-warning-700:#816522FF;--pgn-color-action-default-warning-800:#765C1FFF;--pgn-color-action-default-warning-900:#6C541CFF;--pgn-color-action-default-danger-100:#E6D1D4FF;--pgn-color-action-default-danger-200:#D0A7ADFF;--pgn-color-action-default-danger-300:#B3707AFF;--pgn-color-action-default-danger-400:#884751FF;--pgn-color-action-default-danger-500:#621923FF;--pgn-color-action-default-danger-600:#54161EFF;--pgn-color-action-default-danger-700:#461219FF;--pgn-color-action-default-danger-800:#3F1017FF;--pgn-color-action-default-danger-900:#380F14FF}
 /*# sourceMappingURL=light.css.map */
\ No newline at end of file
diff --git a/brand-sample/docs/images/authn-with-theme.png b/brand-sample/docs/images/authn-with-theme.png
index fff88d5..b82d3a7 100644
Binary files a/brand-sample/docs/images/authn-with-theme.png and b/brand-sample/docs/images/authn-with-theme.png differ
diff --git a/brand-sample/docs/images/authn-without-theme.png b/brand-sample/docs/images/authn-without-theme.png
index fe2f2ea..de9c79b 100644
Binary files a/brand-sample/docs/images/authn-without-theme.png and b/brand-sample/docs/images/authn-without-theme.png differ
diff --git a/brand-sample/tokens/src/themes/light/global/color.json b/brand-sample/tokens/src/themes/light/global/color.json
index 0bc6bfa..ea3571c 100644
--- a/brand-sample/tokens/src/themes/light/global/color.json
+++ b/brand-sample/tokens/src/themes/light/global/color.json
@@ -1,64 +1,170 @@
 {
-  "$type": "color",
   "color": {
-    "brand": {
-      "base": {
-        "$value": "#9810fa",
-        "source": "$brand",
-        "$description": "Basic brand color."
-      },
-      "100": {
-        "$value": "#e9d4ff",
-        "source": "$brand-100",
-        "$description": "Brand color of level 100.",
-        "modify": null
-      },
-      "200": {
-        "$value": "#dab2ff",
-        "source": "$brand-200",
-        "$description": "Brand color of level 200.",
-        "modify": null
-      },
-      "300": {
-        "$value": "#c27aff",
-        "source": "$brand-300",
-        "$description": "Brand color of level 300.",
-        "modify": null
-      },
-      "400": {
-        "$value": "#ad46ff",
-        "source": "$brand-400",
-        "$description": "Brand color of level 400.",
-        "modify": null
-      },
-      "500": {
-        "$value": "{color.brand.base}",
-        "source": "$brand-500",
-        "$description": "Brand color of level 500."
+    "$type": "color",
+    "white": { "$value": "#FFFFFF" },
+    "black": { "$value": "#000000" },
+    "blue":  { "$value": "#324A6B", "$description": "Dusk-on-the-Charles slate blue." },
+    "red":   { "$value": "#8B2332", "$description": "Boston brick red." },
+    "green": { "$value": "#3C5A3E", "$description": "Common evergreen pine." },
+    "yellow":{ "$value": "#D4A537", "$description": "Sugar-maple amber." },
+    "teal":  { "$value": "#4F7373", "$description": "Muted slate teal." },
+
+    "accent": {
+      "a": {
+        "actions": { "default": "{color.action.default.accent.a}" },
+        "$value": "#E8A33D",
+        "$description": "Gilded marigold leaf — primary accent."
       },
-      "600": {
-        "$value": "#8200db",
-        "source": "$brand-600",
-        "$description": "Brand color of level 600.",
-        "modify": null
-      },
-      "700": {
-        "$value": "#6e11b0",
-        "source": "$brand-700",
-        "$description": "Brand color of level 700.",
-        "modify": null
-      },
-      "800": {
-        "$value": "#59168b",
-        "source": "$brand-800",
-        "$description": "Brand color of level 800.",
-        "modify": null
-      },
-      "900": {
-        "$value": "#3c0366",
-        "source": "$brand-900",
-        "$description": "Brand color of level 900.",
-        "modify": null
+      "b": {
+        "actions": { "default": "{color.action.default.accent.b}" },
+        "$value": "#5A8042",
+        "$description": "Autumn moss — secondary accent."
+      }
+    },
+
+    "gray": {
+      "100": { "actions": { "default": "{color.action.default.gray.100}" }, "$value": "#EFEAE3" },
+      "200": { "actions": { "default": "{color.action.default.gray.200}" }, "$value": "#D7CFC4" },
+      "300": { "actions": { "default": "{color.action.default.gray.300}" }, "$value": "#BAB0A2" },
+      "400": { "actions": { "default": "{color.action.default.gray.400}" }, "$value": "#968B7C" },
+      "500": { "actions": { "default": "{color.action.default.gray.500}" }, "$value": "{color.gray.base}" },
+      "600": { "actions": { "default": "{color.action.default.gray.600}" }, "$value": "#565047" },
+      "700": { "actions": { "default": "{color.action.default.gray.700}" }, "$value": "#423E37" },
+      "800": { "actions": { "default": "{color.action.default.gray.800}" }, "$value": "#2F2C27" },
+      "900": { "actions": { "default": "{color.action.default.gray.900}" }, "$value": "#1C1A17" },
+      "base":{ "actions": { "default": "{color.action.default.gray.base}" }, "$value": "#6B6358", "$description": "Warm smoke gray with a brown undertone." }
+    },
+
+    "primary": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.primary.100}" }, "$value": "{color.primary.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.primary.200}" }, "$value": "{color.primary.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.primary.300}" }, "$value": "{color.primary.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.primary.400}" }, "$value": "{color.primary.base}" },
+      "500": { "actions": { "default": "{color.action.default.primary.500}" }, "$value": "{color.primary.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.primary.600}" }, "$value": "{color.primary.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.primary.700}" }, "$value": "{color.primary.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.primary.800}" }, "$value": "{color.primary.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.primary.900}" }, "$value": "{color.primary.base}" },
+      "base":{ "actions": { "default": "{color.action.default.primary.base}" }, "$value": "#6B1A28", "$description": "Brick crimson — the academic primary." }
+    },
+
+    "secondary": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.secondary.100}" }, "$value": "{color.secondary.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.secondary.200}" }, "$value": "{color.secondary.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.secondary.300}" }, "$value": "{color.secondary.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.secondary.400}" }, "$value": "{color.secondary.base}" },
+      "500": { "actions": { "default": "{color.action.default.secondary.500}" }, "$value": "{color.secondary.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.secondary.600}" }, "$value": "{color.secondary.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.secondary.700}" }, "$value": "{color.secondary.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.secondary.800}" }, "$value": "{color.secondary.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.secondary.900}" }, "$value": "{color.secondary.base}" },
+      "base":{ "actions": { "default": "{color.action.default.secondary.base}" }, "$value": "{color.gray.700}", "$description": "Quiet ink-on-paper secondary." }
+    },
+
+    "brand": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.brand.100}" }, "$value": "{color.brand.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.brand.200}" }, "$value": "{color.brand.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.brand.300}" }, "$value": "{color.brand.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.brand.400}" }, "$value": "{color.brand.base}" },
+      "500": { "actions": { "default": "{color.action.default.brand.500}" }, "$value": "{color.brand.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.brand.600}" }, "$value": "{color.brand.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.brand.700}" }, "$value": "{color.brand.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.brand.800}" }, "$value": "{color.brand.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.brand.900}" }, "$value": "{color.brand.base}" },
+      "base":{ "actions": { "default": "{color.action.default.brand.base}" }, "$value": "#B4501F", "$description": "Burnt-pumpkin orange — fallen maple leaves on brick." }
+    },
+
+    "success": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.success.100}" }, "$value": "{color.success.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.success.200}" }, "$value": "{color.success.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.success.300}" }, "$value": "{color.success.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.success.400}" }, "$value": "{color.success.base}" },
+      "500": { "actions": { "default": "{color.action.default.success.500}" }, "$value": "{color.success.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.success.600}" }, "$value": "{color.success.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.success.700}" }, "$value": "{color.success.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.success.800}" }, "$value": "{color.success.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.success.900}" }, "$value": "{color.success.base}" },
+      "base":{ "actions": { "default": "{color.action.default.success.base}" }, "$value": "{color.green}" }
+    },
+
+    "info": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.info.100}" }, "$value": "{color.info.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.info.200}" }, "$value": "{color.info.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.info.300}" }, "$value": "{color.info.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.info.400}" }, "$value": "{color.info.base}" },
+      "500": { "actions": { "default": "{color.action.default.info.500}" }, "$value": "{color.info.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.info.600}" }, "$value": "{color.info.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.info.700}" }, "$value": "{color.info.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.info.800}" }, "$value": "{color.info.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.info.900}" }, "$value": "{color.info.base}" },
+      "base":{ "actions": { "default": "{color.action.default.info.base}" }, "$value": "{color.teal}" }
+    },
+
+    "warning": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.warning.100}" }, "$value": "{color.warning.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.warning.200}" }, "$value": "{color.warning.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.warning.300}" }, "$value": "{color.warning.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.warning.400}" }, "$value": "{color.warning.base}" },
+      "500": { "actions": { "default": "{color.action.default.warning.500}" }, "$value": "{color.warning.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.warning.600}" }, "$value": "{color.warning.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.warning.700}" }, "$value": "{color.warning.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.warning.800}" }, "$value": "{color.warning.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.warning.900}" }, "$value": "{color.warning.base}" },
+      "base":{ "actions": { "default": "{color.action.default.warning.base}" }, "$value": "{color.yellow}" }
+    },
+
+    "danger": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.danger.100}" }, "$value": "{color.danger.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.danger.200}" }, "$value": "{color.danger.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.danger.300}" }, "$value": "{color.danger.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.danger.400}" }, "$value": "{color.danger.base}" },
+      "500": { "actions": { "default": "{color.action.default.danger.500}" }, "$value": "{color.danger.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.danger.600}" }, "$value": "{color.danger.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.danger.700}" }, "$value": "{color.danger.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.danger.800}" }, "$value": "{color.danger.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.danger.900}" }, "$value": "{color.danger.base}" },
+      "base":{ "actions": { "default": "{color.action.default.danger.base}" }, "$value": "{color.red}" }
+    },
+
+    "light": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.light.100}" }, "$value": "{color.light.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.light.200}" }, "$value": "{color.light.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.light.300}" }, "$value": "{color.light.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.light.400}" }, "$value": "{color.light.base}" },
+      "500": { "actions": { "default": "{color.action.default.light.500}" }, "$value": "{color.light.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.light.600}" }, "$value": "{color.light.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.light.700}" }, "$value": "{color.light.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.light.800}" }, "$value": "{color.light.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.light.900}" }, "$value": "{color.light.base}" },
+      "base":{ "actions": { "default": "{color.action.default.light.base}" }, "$value": "#F4EDE2", "$description": "Aged parchment / library-paper cream." }
+    },
+
+    "dark": {
+      "100": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }], "actions": { "default": "{color.action.default.dark.100}" }, "$value": "{color.dark.base}" },
+      "200": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }], "actions": { "default": "{color.action.default.dark.200}" }, "$value": "{color.dark.base}" },
+      "300": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }], "actions": { "default": "{color.action.default.dark.300}" }, "$value": "{color.dark.base}" },
+      "400": { "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }], "actions": { "default": "{color.action.default.dark.400}" }, "$value": "{color.dark.base}" },
+      "500": { "actions": { "default": "{color.action.default.dark.500}" }, "$value": "{color.dark.base}" },
+      "600": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }], "actions": { "default": "{color.action.default.dark.600}" }, "$value": "{color.dark.base}" },
+      "700": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }], "actions": { "default": "{color.action.default.dark.700}" }, "$value": "{color.dark.base}" },
+      "800": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }], "actions": { "default": "{color.action.default.dark.800}" }, "$value": "{color.dark.base}" },
+      "900": { "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }], "actions": { "default": "{color.action.default.dark.900}" }, "$value": "{color.dark.base}" },
+      "base":{ "actions": { "default": "{color.action.default.dark.base}" }, "$value": "#2A201A", "$description": "Walnut — old oak panelling and lecture-hall benches." }
+    },
+
+    "action": {
+      "default": {
+        "gray":      { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.100}" },      "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.200}" },      "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.300}" },      "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.400}" },      "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.500}" },      "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.600}" },      "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.700}" },      "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.800}" },      "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.900}" },      "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.gray.base}" } },
+        "primary":   { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.100}" },   "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.200}" },   "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.300}" },   "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.400}" },   "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.500}" },   "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.600}" },   "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.700}" },   "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.800}" },   "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.900}" },   "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.primary.base}" } },
+        "secondary": { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.100}" }, "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.200}" }, "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.300}" }, "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.400}" }, "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.500}" }, "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.600}" }, "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.700}" }, "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.800}" }, "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.900}" }, "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.secondary.base}" } },
+        "brand":     { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.100}" },     "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.200}" },     "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.300}" },     "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.400}" },     "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.500}" },     "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.600}" },     "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.700}" },     "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.800}" },     "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.900}" },     "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.brand.base}" } },
+        "success":   { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.100}" },   "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.200}" },   "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.300}" },   "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.400}" },   "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.500}" },   "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.600}" },   "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.700}" },   "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.800}" },   "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.900}" },   "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.success.base}" } },
+        "info":      { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.100}" },      "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.200}" },      "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.300}" },      "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.400}" },      "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.500}" },      "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.600}" },      "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.700}" },      "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.800}" },      "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.900}" },      "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.info.base}" } },
+        "warning":   { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.100}" },   "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.200}" },   "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.300}" },   "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.400}" },   "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.500}" },   "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.600}" },   "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.700}" },   "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.800}" },   "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.900}" },   "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.warning.base}" } },
+        "danger":    { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.100}" },    "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.200}" },    "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.300}" },    "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.400}" },    "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.500}" },    "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.600}" },    "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.700}" },    "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.800}" },    "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.900}" },    "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.danger.base}" } },
+        "light":     { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.100}" },     "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.200}" },     "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.300}" },     "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.400}" },     "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.500}" },     "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.600}" },     "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.700}" },     "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.800}" },     "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.900}" },     "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.light.base}" } },
+        "dark":      { "100": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.100}" },      "200": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.200}" },      "300": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.300}" },      "400": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.400}" },      "500": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.500}" },      "600": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.600}" },      "700": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.700}" },      "800": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.800}" },      "900": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.900}" },      "base": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.dark.base}" } },
+        "accent":    { "a": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.accent.a}" }, "b": { "modify": [{ "type": "darken", "amount": "0.1" }], "$value": "{color.accent.b}" } }
       }
     }
   }