@mindlogic-ai/logician-ui 3.0.0 → 3.1.0-alpha.1

package/dist/theme/colors.js

@@ -68,86 +68,247 @@ const semanticTokens = {
          * Primary colors (Blue-based)
          * Use for: Primary buttons, links, focus rings, brand elements
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#1751D0): 5.9:1 ✓ AA
          * - dark (#0D317D): 9.4:1 ✓ AAA
+         *
+         * `_dark` lightens brand steps ~2 stops so interactive/text tokens keep
+         * AA contrast on dark surfaces (bg.canvas → gray.1500). Background tints
+         * (lightest/extralight/lighter/light) map to the deep end of the scale so
+         * brand-tinted fills read as subtle on dark, not as glare.
          */
         primary: {
-            lightest: { value: '{colors.blue.25}' }, // #F4F7FD - Lightest backgrounds
-            extralight: { value: '{colors.blue.50}' }, // #E8EEFB - Extra-light backgrounds
-            lighter: { value: '{colors.blue.100}' }, // #B9CBF3 - Light backgrounds
-            light: { value: '{colors.blue.200}' }, // #7DA0E8 - Hover states, subtle fills
-            main: { value: '{colors.blue.500}' }, // #1751D0 - Primary actions
-            dark: { value: '{colors.blue.700}' }, // #0D317D - Text on light backgrounds
-            darker: { value: '{colors.blue.900}' }, // #04102A - High-contrast text
+            lightest: {
+                value: { base: '{colors.blue.25}', _dark: '{colors.blue.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.blue.50}', _dark: '{colors.blue.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.blue.100}', _dark: '{colors.blue.700}' },
+            },
+            light: {
+                value: { base: '{colors.blue.200}', _dark: '{colors.blue.600}' },
+            },
+            main: {
+                value: { base: '{colors.blue.500}', _dark: '{colors.blue.300}' },
+            }, // primary actions
+            dark: {
+                value: { base: '{colors.blue.700}', _dark: '{colors.blue.200}' },
+            }, // emphasis text
+            darker: {
+                value: { base: '{colors.blue.900}', _dark: '{colors.blue.100}' },
+            }, // high-contrast text
         },
         /**
          * Secondary colors (Violet-based)
          * Use for: Accent elements, highlights, tags
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#9117D0): 5.1:1 ✓ AA
          * - dark (#570D7D): 9.2:1 ✓ AAA
          */
         secondary: {
-            lightest: { value: '{colors.violet.25}' }, // #FAF4FD - Lightest backgrounds
-            extralight: { value: '{colors.violet.50}' }, // #F4E8FB - Extra-light backgrounds
-            lighter: { value: '{colors.violet.100}' }, // #DEB9F3 - Light backgrounds
-            light: { value: '{colors.violet.200}' }, // #C17DE8 - Hover states
-            main: { value: '{colors.violet.500}' }, // #9117D0 - Accent actions
-            dark: { value: '{colors.violet.700}' }, // #570D7D - Text on light backgrounds
-            darker: { value: '{colors.violet.900}' }, // #1D042A - High-contrast text
+            lightest: {
+                value: { base: '{colors.violet.25}', _dark: '{colors.violet.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.violet.50}', _dark: '{colors.violet.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.violet.100}', _dark: '{colors.violet.700}' },
+            },
+            light: {
+                value: { base: '{colors.violet.200}', _dark: '{colors.violet.600}' },
+            },
+            main: {
+                // _dark is violet.200 (not .300 like the other brands): violet.300 on
+                // the dark canvas is only 4.29:1, just under AA. Solid fills no longer
+                // use *.main (they pin to violet.500), so main now only drives
+                // text/icon/outline on dark, where the extra lift is pure benefit.
+                value: { base: '{colors.violet.500}', _dark: '{colors.violet.200}' },
+            },
+            dark: {
+                value: { base: '{colors.violet.700}', _dark: '{colors.violet.200}' },
+            },
+            darker: {
+                value: { base: '{colors.violet.900}', _dark: '{colors.violet.100}' },
+            },
         },
         /**
          * Danger colors (Rose-based)
          * Use for: Error states, destructive actions, validation errors
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#D01721): 5.2:1 ✓ AA
          * - dark (#7D0D14): 9.6:1 ✓ AAA
          */
         danger: {
-            lightest: { value: '{colors.rose.25}' }, // #FDF5F5 - Lightest backgrounds
-            extralight: { value: '{colors.rose.50}' }, // #FBE8E9 - Extra-light backgrounds
-            lighter: { value: '{colors.rose.100}' }, // #F3B9BD - Light error fills
-            light: { value: '{colors.rose.200}' }, // #E87D84 - Error borders, icons
-            main: { value: '{colors.rose.500}' }, // #D01721 - Error text, buttons
-            dark: { value: '{colors.rose.700}' }, // #7D0D14 - Error text on light bg
-            darker: { value: '{colors.rose.900}' }, // #2A0407 - High-contrast error text
+            lightest: {
+                value: { base: '{colors.rose.25}', _dark: '{colors.rose.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.rose.50}', _dark: '{colors.rose.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.rose.100}', _dark: '{colors.rose.700}' },
+            },
+            light: {
+                value: { base: '{colors.rose.200}', _dark: '{colors.rose.600}' },
+            },
+            main: {
+                value: { base: '{colors.rose.500}', _dark: '{colors.rose.300}' },
+            },
+            dark: {
+                value: { base: '{colors.rose.700}', _dark: '{colors.rose.200}' },
+            },
+            darker: {
+                value: { base: '{colors.rose.900}', _dark: '{colors.rose.100}' },
+            },
         },
         /**
          * Success colors (Green-based)
          * Use for: Success messages, confirmations, positive feedback
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#1AA612): 4.5:1 ✓ AA (large text)
          * - dark (#147D0D): 6.1:1 ✓ AA
          */
         success: {
-            lightest: { value: '{colors.green.25}' }, // #F4FDF4 - Lightest backgrounds
-            extralight: { value: '{colors.green.50}' }, // #E9FBE8 - Extra-light backgrounds
-            lighter: { value: '{colors.green.100}' }, // #BDF3B9 - Light success fills
-            light: { value: '{colors.green.200}' }, // #84E87D - Success borders, icons
-            main: { value: '{colors.green.600}' }, // #1AA612 - Success text, buttons
-            dark: { value: '{colors.green.700}' }, // #147D0D - Success text on light bg
-            darker: { value: '{colors.green.900}' }, // #072A04 - High-contrast success text
+            lightest: {
+                value: { base: '{colors.green.25}', _dark: '{colors.green.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.green.50}', _dark: '{colors.green.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.green.100}', _dark: '{colors.green.700}' },
+            },
+            light: {
+                value: { base: '{colors.green.200}', _dark: '{colors.green.600}' },
+            },
+            main: {
+                value: { base: '{colors.green.600}', _dark: '{colors.green.300}' },
+            },
+            dark: {
+                value: { base: '{colors.green.700}', _dark: '{colors.green.200}' },
+            },
+            darker: {
+                value: { base: '{colors.green.900}', _dark: '{colors.green.100}' },
+            },
         },
         /**
          * Warning colors (Gold-based)
          * Use for: Warning messages, caution states, attention needed
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#D0A117): 3.0:1 (use dark on light backgrounds)
          * - dark (#7D610D): 5.8:1 ✓ AA
+         *
+         * NOTE: gold is the AA risk in both modes — verify per-pair contrast in the
+         * Storybook palette before relying on `warning.main` for text.
          */
         warning: {
-            lightest: { value: '{colors.gold.25}' }, // #FDFBF4 - Lightest backgrounds
-            extralight: { value: '{colors.gold.50}' }, // #FBF6E8 - Extra-light backgrounds
-            lighter: { value: '{colors.gold.100}' }, // #F3E4B9 - Light warning fills
-            light: { value: '{colors.gold.200}' }, // #E8CD7D - Warning borders, icons
-            main: { value: '{colors.gold.500}' }, // #D0A117 - Warning icons, accents
-            dark: { value: '{colors.gold.700}' }, // #7D610D - Warning text on light bg
-            darker: { value: '{colors.gold.900}' }, // #2A2004 - High-contrast warning text
+            lightest: {
+                value: { base: '{colors.gold.25}', _dark: '{colors.gold.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.gold.50}', _dark: '{colors.gold.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.gold.100}', _dark: '{colors.gold.700}' },
+            },
+            light: {
+                value: { base: '{colors.gold.200}', _dark: '{colors.gold.600}' },
+            },
+            main: {
+                value: { base: '{colors.gold.500}', _dark: '{colors.gold.300}' },
+            },
+            dark: {
+                value: { base: '{colors.gold.700}', _dark: '{colors.gold.200}' },
+            },
+            darker: {
+                value: { base: '{colors.gold.900}', _dark: '{colors.gold.100}' },
+            },
+        },
+        /**
+         * Neutral background tokens — map onto the gray.0–1500 scale.
+         * Use for: page/canvas, raised surfaces (cards, menus), subtle/muted fills,
+         * and inverse surfaces (tooltips, contrast banners).
+         *
+         * - canvas: app background
+         * - surface: raised surface (card, popover, menu)
+         * - subtle: subtle fill / secondary surface
+         * - muted: muted fill / tertiary surface, hover
+         * - inverse: high-contrast surface (flips to light in dark mode)
+         */
+        bg: {
+            canvas: {
+                value: { base: '{colors.gray.0}', _dark: '{colors.gray.1500}' },
+            },
+            surface: {
+                value: { base: '{colors.white}', _dark: '{colors.gray.1400}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.50}', _dark: '{colors.gray.1300}' },
+            },
+            muted: {
+                value: { base: '{colors.gray.100}', _dark: '{colors.gray.1200}' },
+            },
+            inverse: {
+                value: { base: '{colors.gray.1300}', _dark: '{colors.gray.50}' },
+            },
+            // Override Chakra's default `bg.panel` (whose `_dark` resolves to Chakra's
+            // own gray.950 = #111111, off our slate palette). Light value is white —
+            // identical to Chakra's default — so this only realigns dark overlay
+            // surfaces (Menu / Modal / Popover / Toast) onto our gray scale.
+            panel: {
+                value: { base: '{colors.white}', _dark: '{colors.gray.1400}' },
+            },
+        },
+        /**
+         * Neutral foreground (text/icon) tokens — map onto the gray.0–1500 scale.
+         *
+         * - default: primary text/icons
+         * - muted: secondary text
+         * - subtle: tertiary / placeholder text
+         * - inverse: text on inverse surfaces (flips with mode)
+         */
+        fg: {
+            default: {
+                // _dark is gray.200 (not gray.50): near-white text on the dark canvas
+                // ran ~18:1 — brighter than the light baseline (~15:1) and close to pure
+                // white, which causes glare/halation. gray.200 matches the light
+                // contrast (~15.4:1) while staying AAA.
+                value: { base: '{colors.gray.1300}', _dark: '{colors.gray.200}' },
+            },
+            muted: {
+                value: { base: '{colors.gray.900}', _dark: '{colors.gray.400}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.700}', _dark: '{colors.gray.600}' },
+            },
+            inverse: {
+                value: { base: '{colors.gray.0}', _dark: '{colors.gray.1400}' },
+            },
+        },
+        /**
+         * Neutral border tokens — map onto the gray.0–1500 scale.
+         *
+         * - default: standard borders, dividers
+         * - subtle: low-emphasis dividers
+         * - strong: high-emphasis borders, focus outlines on neutral
+         */
+        border: {
+            default: {
+                value: { base: '{colors.gray.300}', _dark: '{colors.gray.1100}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.200}', _dark: '{colors.gray.1300}' },
+            },
+            strong: {
+                value: { base: '{colors.gray.500}', _dark: '{colors.gray.900}' },
+            },
         },
     },
 };

package/dist/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../src/theme/colors.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.js","sources":["../../src/theme/colors.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/theme/colors.mjs

@@ -66,86 +66,247 @@ const semanticTokens = {
          * Primary colors (Blue-based)
          * Use for: Primary buttons, links, focus rings, brand elements
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#1751D0): 5.9:1 ✓ AA
          * - dark (#0D317D): 9.4:1 ✓ AAA
+         *
+         * `_dark` lightens brand steps ~2 stops so interactive/text tokens keep
+         * AA contrast on dark surfaces (bg.canvas → gray.1500). Background tints
+         * (lightest/extralight/lighter/light) map to the deep end of the scale so
+         * brand-tinted fills read as subtle on dark, not as glare.
          */
         primary: {
-            lightest: { value: '{colors.blue.25}' }, // #F4F7FD - Lightest backgrounds
-            extralight: { value: '{colors.blue.50}' }, // #E8EEFB - Extra-light backgrounds
-            lighter: { value: '{colors.blue.100}' }, // #B9CBF3 - Light backgrounds
-            light: { value: '{colors.blue.200}' }, // #7DA0E8 - Hover states, subtle fills
-            main: { value: '{colors.blue.500}' }, // #1751D0 - Primary actions
-            dark: { value: '{colors.blue.700}' }, // #0D317D - Text on light backgrounds
-            darker: { value: '{colors.blue.900}' }, // #04102A - High-contrast text
+            lightest: {
+                value: { base: '{colors.blue.25}', _dark: '{colors.blue.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.blue.50}', _dark: '{colors.blue.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.blue.100}', _dark: '{colors.blue.700}' },
+            },
+            light: {
+                value: { base: '{colors.blue.200}', _dark: '{colors.blue.600}' },
+            },
+            main: {
+                value: { base: '{colors.blue.500}', _dark: '{colors.blue.300}' },
+            }, // primary actions
+            dark: {
+                value: { base: '{colors.blue.700}', _dark: '{colors.blue.200}' },
+            }, // emphasis text
+            darker: {
+                value: { base: '{colors.blue.900}', _dark: '{colors.blue.100}' },
+            }, // high-contrast text
         },
         /**
          * Secondary colors (Violet-based)
          * Use for: Accent elements, highlights, tags
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#9117D0): 5.1:1 ✓ AA
          * - dark (#570D7D): 9.2:1 ✓ AAA
          */
         secondary: {
-            lightest: { value: '{colors.violet.25}' }, // #FAF4FD - Lightest backgrounds
-            extralight: { value: '{colors.violet.50}' }, // #F4E8FB - Extra-light backgrounds
-            lighter: { value: '{colors.violet.100}' }, // #DEB9F3 - Light backgrounds
-            light: { value: '{colors.violet.200}' }, // #C17DE8 - Hover states
-            main: { value: '{colors.violet.500}' }, // #9117D0 - Accent actions
-            dark: { value: '{colors.violet.700}' }, // #570D7D - Text on light backgrounds
-            darker: { value: '{colors.violet.900}' }, // #1D042A - High-contrast text
+            lightest: {
+                value: { base: '{colors.violet.25}', _dark: '{colors.violet.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.violet.50}', _dark: '{colors.violet.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.violet.100}', _dark: '{colors.violet.700}' },
+            },
+            light: {
+                value: { base: '{colors.violet.200}', _dark: '{colors.violet.600}' },
+            },
+            main: {
+                // _dark is violet.200 (not .300 like the other brands): violet.300 on
+                // the dark canvas is only 4.29:1, just under AA. Solid fills no longer
+                // use *.main (they pin to violet.500), so main now only drives
+                // text/icon/outline on dark, where the extra lift is pure benefit.
+                value: { base: '{colors.violet.500}', _dark: '{colors.violet.200}' },
+            },
+            dark: {
+                value: { base: '{colors.violet.700}', _dark: '{colors.violet.200}' },
+            },
+            darker: {
+                value: { base: '{colors.violet.900}', _dark: '{colors.violet.100}' },
+            },
         },
         /**
          * Danger colors (Rose-based)
          * Use for: Error states, destructive actions, validation errors
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#D01721): 5.2:1 ✓ AA
          * - dark (#7D0D14): 9.6:1 ✓ AAA
          */
         danger: {
-            lightest: { value: '{colors.rose.25}' }, // #FDF5F5 - Lightest backgrounds
-            extralight: { value: '{colors.rose.50}' }, // #FBE8E9 - Extra-light backgrounds
-            lighter: { value: '{colors.rose.100}' }, // #F3B9BD - Light error fills
-            light: { value: '{colors.rose.200}' }, // #E87D84 - Error borders, icons
-            main: { value: '{colors.rose.500}' }, // #D01721 - Error text, buttons
-            dark: { value: '{colors.rose.700}' }, // #7D0D14 - Error text on light bg
-            darker: { value: '{colors.rose.900}' }, // #2A0407 - High-contrast error text
+            lightest: {
+                value: { base: '{colors.rose.25}', _dark: '{colors.rose.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.rose.50}', _dark: '{colors.rose.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.rose.100}', _dark: '{colors.rose.700}' },
+            },
+            light: {
+                value: { base: '{colors.rose.200}', _dark: '{colors.rose.600}' },
+            },
+            main: {
+                value: { base: '{colors.rose.500}', _dark: '{colors.rose.300}' },
+            },
+            dark: {
+                value: { base: '{colors.rose.700}', _dark: '{colors.rose.200}' },
+            },
+            darker: {
+                value: { base: '{colors.rose.900}', _dark: '{colors.rose.100}' },
+            },
         },
         /**
          * Success colors (Green-based)
          * Use for: Success messages, confirmations, positive feedback
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#1AA612): 4.5:1 ✓ AA (large text)
          * - dark (#147D0D): 6.1:1 ✓ AA
          */
         success: {
-            lightest: { value: '{colors.green.25}' }, // #F4FDF4 - Lightest backgrounds
-            extralight: { value: '{colors.green.50}' }, // #E9FBE8 - Extra-light backgrounds
-            lighter: { value: '{colors.green.100}' }, // #BDF3B9 - Light success fills
-            light: { value: '{colors.green.200}' }, // #84E87D - Success borders, icons
-            main: { value: '{colors.green.600}' }, // #1AA612 - Success text, buttons
-            dark: { value: '{colors.green.700}' }, // #147D0D - Success text on light bg
-            darker: { value: '{colors.green.900}' }, // #072A04 - High-contrast success text
+            lightest: {
+                value: { base: '{colors.green.25}', _dark: '{colors.green.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.green.50}', _dark: '{colors.green.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.green.100}', _dark: '{colors.green.700}' },
+            },
+            light: {
+                value: { base: '{colors.green.200}', _dark: '{colors.green.600}' },
+            },
+            main: {
+                value: { base: '{colors.green.600}', _dark: '{colors.green.300}' },
+            },
+            dark: {
+                value: { base: '{colors.green.700}', _dark: '{colors.green.200}' },
+            },
+            darker: {
+                value: { base: '{colors.green.900}', _dark: '{colors.green.100}' },
+            },
         },
         /**
          * Warning colors (Gold-based)
          * Use for: Warning messages, caution states, attention needed
          *
-         * Contrast ratios (on white):
+         * Light contrast ratios (on white):
          * - main (#D0A117): 3.0:1 (use dark on light backgrounds)
          * - dark (#7D610D): 5.8:1 ✓ AA
+         *
+         * NOTE: gold is the AA risk in both modes — verify per-pair contrast in the
+         * Storybook palette before relying on `warning.main` for text.
          */
         warning: {
-            lightest: { value: '{colors.gold.25}' }, // #FDFBF4 - Lightest backgrounds
-            extralight: { value: '{colors.gold.50}' }, // #FBF6E8 - Extra-light backgrounds
-            lighter: { value: '{colors.gold.100}' }, // #F3E4B9 - Light warning fills
-            light: { value: '{colors.gold.200}' }, // #E8CD7D - Warning borders, icons
-            main: { value: '{colors.gold.500}' }, // #D0A117 - Warning icons, accents
-            dark: { value: '{colors.gold.700}' }, // #7D610D - Warning text on light bg
-            darker: { value: '{colors.gold.900}' }, // #2A2004 - High-contrast warning text
+            lightest: {
+                value: { base: '{colors.gold.25}', _dark: '{colors.gold.900}' },
+            },
+            extralight: {
+                value: { base: '{colors.gold.50}', _dark: '{colors.gold.800}' },
+            },
+            lighter: {
+                value: { base: '{colors.gold.100}', _dark: '{colors.gold.700}' },
+            },
+            light: {
+                value: { base: '{colors.gold.200}', _dark: '{colors.gold.600}' },
+            },
+            main: {
+                value: { base: '{colors.gold.500}', _dark: '{colors.gold.300}' },
+            },
+            dark: {
+                value: { base: '{colors.gold.700}', _dark: '{colors.gold.200}' },
+            },
+            darker: {
+                value: { base: '{colors.gold.900}', _dark: '{colors.gold.100}' },
+            },
+        },
+        /**
+         * Neutral background tokens — map onto the gray.0–1500 scale.
+         * Use for: page/canvas, raised surfaces (cards, menus), subtle/muted fills,
+         * and inverse surfaces (tooltips, contrast banners).
+         *
+         * - canvas: app background
+         * - surface: raised surface (card, popover, menu)
+         * - subtle: subtle fill / secondary surface
+         * - muted: muted fill / tertiary surface, hover
+         * - inverse: high-contrast surface (flips to light in dark mode)
+         */
+        bg: {
+            canvas: {
+                value: { base: '{colors.gray.0}', _dark: '{colors.gray.1500}' },
+            },
+            surface: {
+                value: { base: '{colors.white}', _dark: '{colors.gray.1400}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.50}', _dark: '{colors.gray.1300}' },
+            },
+            muted: {
+                value: { base: '{colors.gray.100}', _dark: '{colors.gray.1200}' },
+            },
+            inverse: {
+                value: { base: '{colors.gray.1300}', _dark: '{colors.gray.50}' },
+            },
+            // Override Chakra's default `bg.panel` (whose `_dark` resolves to Chakra's
+            // own gray.950 = #111111, off our slate palette). Light value is white —
+            // identical to Chakra's default — so this only realigns dark overlay
+            // surfaces (Menu / Modal / Popover / Toast) onto our gray scale.
+            panel: {
+                value: { base: '{colors.white}', _dark: '{colors.gray.1400}' },
+            },
+        },
+        /**
+         * Neutral foreground (text/icon) tokens — map onto the gray.0–1500 scale.
+         *
+         * - default: primary text/icons
+         * - muted: secondary text
+         * - subtle: tertiary / placeholder text
+         * - inverse: text on inverse surfaces (flips with mode)
+         */
+        fg: {
+            default: {
+                // _dark is gray.200 (not gray.50): near-white text on the dark canvas
+                // ran ~18:1 — brighter than the light baseline (~15:1) and close to pure
+                // white, which causes glare/halation. gray.200 matches the light
+                // contrast (~15.4:1) while staying AAA.
+                value: { base: '{colors.gray.1300}', _dark: '{colors.gray.200}' },
+            },
+            muted: {
+                value: { base: '{colors.gray.900}', _dark: '{colors.gray.400}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.700}', _dark: '{colors.gray.600}' },
+            },
+            inverse: {
+                value: { base: '{colors.gray.0}', _dark: '{colors.gray.1400}' },
+            },
+        },
+        /**
+         * Neutral border tokens — map onto the gray.0–1500 scale.
+         *
+         * - default: standard borders, dividers
+         * - subtle: low-emphasis dividers
+         * - strong: high-emphasis borders, focus outlines on neutral
+         */
+        border: {
+            default: {
+                value: { base: '{colors.gray.300}', _dark: '{colors.gray.1100}' },
+            },
+            subtle: {
+                value: { base: '{colors.gray.200}', _dark: '{colors.gray.1300}' },
+            },
+            strong: {
+                value: { base: '{colors.gray.500}', _dark: '{colors.gray.900}' },
+            },
         },
     },
 };