@equal-experts/kuat-react 0.14.0 → 0.15.0-beta.1

package/agent-docs/external/kuat-agent-rules/reference/design-language/tokens/colors.tokens.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://tr.designtokens.org/format/",
-  "$description": "Equal Experts brand COLOUR tokens — the SINGLE SOURCE OF TRUTH (upstream, in kuat-agent-rules). Downstream artifacts are GENERATED from this file: reference/design-language/colours.md (human-readable) and @equal-experts/kuat-core src/variables.css (CSS). Never hand-edit those; change colours HERE. kuat-core is downstream — do not invert. Support scales (slate/red/indigo) are NOT brand colours and live only in kuat-core. Format: W3C Design Tokens; $value is hex, oklch preserved in $extensions.",
+  "$description": "Equal Experts brand COLOUR tokens — the SINGLE SOURCE OF TRUTH (upstream, in kuat-agent-rules). Downstream artifacts are GENERATED from this file: reference/design-language/colours.md (human-readable) and @equal-experts/kuat-core src/variables.css (CSS). Never hand-edit those; change colours HERE. kuat-core is downstream — do not invert. Support scales (slate/red/indigo) are NOT brand colours and live only in kuat-core. Format: W3C Design Tokens; $value is hex, oklch preserved in $extensions. Extended palette + neutral scale + semantic layer added per the June 2026 colours lockdown (extended-palette-review.md) — accessible link blue is WIP, flagged in its own $description.",
   "color": {
     "ee-blue": {
       "$description": "EE Blue — primary brand colour (trust, technology). Scale 50 (light) → 950 (dark).",
@@ -57,6 +57,160 @@
       "800": { "$type": "color", "$value": "#603100", "$extensions": { "oklch": "oklch(0.325 0.140 65.0)" } },
       "900": { "$type": "color", "$value": "#301900", "$extensions": { "oklch": "oklch(0.225 0.120 65.0)" } },
       "950": { "$type": "color", "$value": "#180c00", "$extensions": { "oklch": "oklch(0.125 0.100 65.0)" } }
+    },
+    "index-indigo": {
+      "$description": "Index Indigo — info/call-out (white text). Extended palette (2026-06-29 colours lockdown). Scale 50 (light) → 950 (dark), anchored at 800 (measured lightness) — not forced to 500.",
+      "50":  { "$type": "color", "$value": "#f0eefb", "$extensions": { "oklch": "oklch(0.955 0.018 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-50)" } } },
+      "100": { "$type": "color", "$value": "#d6d3e8", "$extensions": { "oklch": "oklch(0.875 0.029 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-100)" } } },
+      "200": { "$type": "color", "$value": "#bcb8d4", "$extensions": { "oklch": "oklch(0.795 0.040 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-200)" } } },
+      "300": { "$type": "color", "$value": "#a49ec1", "$extensions": { "oklch": "oklch(0.715 0.051 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-300)" } } },
+      "400": { "$type": "color", "$value": "#8b84ad", "$extensions": { "oklch": "oklch(0.635 0.061 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-400)" } } },
+      "500": { "$type": "color", "$value": "#746b9a", "$extensions": { "oklch": "oklch(0.555 0.072 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-500)" } } },
+      "600": { "$type": "color", "$value": "#5e5387", "$extensions": { "oklch": "oklch(0.475 0.083 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-600)" } } },
+      "700": { "$type": "color", "$value": "#493b74", "$extensions": { "oklch": "oklch(0.395 0.094 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-700)" } } },
+      "800": { "$type": "color", "$value": "#352361", "$extensions": { "oklch": "oklch(0.315 0.105 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-800)" } } },
+      "900": { "$type": "color", "$value": "#1d1338", "$extensions": { "oklch": "oklch(0.223 0.070 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-900)" } } },
+      "950": { "$type": "color", "$value": "#080514", "$extensions": { "oklch": "oklch(0.130 0.036 292.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-950)" } } }
+    },
+    "packet-plum": {
+      "$description": "Packet Plum — expressive accent / dark surface (white text). Extended palette. Scale 50 (light) → 950 (dark), anchored at 600 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#faebf6", "$extensions": { "oklch": "oklch(0.955 0.022 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-50)" } } },
+      "100": { "$type": "color", "$value": "#e7cde1", "$extensions": { "oklch": "oklch(0.875 0.039 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-100)" } } },
+      "200": { "$type": "color", "$value": "#d3afcc", "$extensions": { "oklch": "oklch(0.796 0.057 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-200)" } } },
+      "300": { "$type": "color", "$value": "#c092b8", "$extensions": { "oklch": "oklch(0.716 0.074 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-300)" } } },
+      "400": { "$type": "color", "$value": "#ad76a3", "$extensions": { "oklch": "oklch(0.636 0.092 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-400)" } } },
+      "500": { "$type": "color", "$value": "#995a8f", "$extensions": { "oklch": "oklch(0.557 0.109 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-500)" } } },
+      "600": { "$type": "color", "$value": "#853d7b", "$extensions": { "oklch": "oklch(0.477 0.127 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-600)" } } },
+      "700": { "$type": "color", "$value": "#652c5d", "$extensions": { "oklch": "oklch(0.390 0.106 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-700)" } } },
+      "800": { "$type": "color", "$value": "#471b41", "$extensions": { "oklch": "oklch(0.303 0.085 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-800)" } } },
+      "900": { "$type": "color", "$value": "#2a0c26", "$extensions": { "oklch": "oklch(0.217 0.064 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-900)" } } },
+      "950": { "$type": "color", "$value": "#11020e", "$extensions": { "oklch": "oklch(0.130 0.043 332.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-950)" } } }
+    },
+    "runtime-red": {
+      "$description": "Runtime Red — error/danger (white text); replaces support-scale #dc2626. Extended palette. Scale 50 (light) → 950 (dark), anchored at 600 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#ffebea", "$extensions": { "oklch": "oklch(0.955 0.022 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-50)" } } },
+      "100": { "$type": "color", "$value": "#f7c8c6", "$extensions": { "oklch": "oklch(0.873 0.053 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-100)" } } },
+      "200": { "$type": "color", "$value": "#e8a7a6", "$extensions": { "oklch": "oklch(0.790 0.077 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-200)" } } },
+      "300": { "$type": "color", "$value": "#d98786", "$extensions": { "oklch": "oklch(0.708 0.101 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-300)" } } },
+      "400": { "$type": "color", "$value": "#c86667", "$extensions": { "oklch": "oklch(0.626 0.125 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-400)" } } },
+      "500": { "$type": "color", "$value": "#b64349", "$extensions": { "oklch": "oklch(0.543 0.149 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-500)" } } },
+      "600": { "$type": "color", "$value": "#a3152b", "$extensions": { "oklch": "oklch(0.461 0.173 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-600)" } } },
+      "700": { "$type": "color", "$value": "#7d0a1e", "$extensions": { "oklch": "oklch(0.378 0.144 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-700)" } } },
+      "800": { "$type": "color", "$value": "#590211", "$extensions": { "oklch": "oklch(0.295 0.116 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-800)" } } },
+      "900": { "$type": "color", "$value": "#370006", "$extensions": { "oklch": "oklch(0.213 0.086 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-900)" } } },
+      "950": { "$type": "color", "$value": "#180001", "$extensions": { "oklch": "oklch(0.130 0.054 20.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-950)" } } }
+    },
+    "uptime-green": {
+      "$description": "Uptime Green — success (white text). Extended palette. Scale 50 (light) → 950 (dark), anchored at 500 (measured lightness — this one lands naturally at 500).",
+      "50":  { "$type": "color", "$value": "#e5f5e4", "$extensions": { "oklch": "oklch(0.955 0.028 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-50)" } } },
+      "100": { "$type": "color", "$value": "#bfdebd", "$extensions": { "oklch": "oklch(0.870 0.056 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-100)" } } },
+      "200": { "$type": "color", "$value": "#99c797", "$extensions": { "oklch": "oklch(0.785 0.084 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-200)" } } },
+      "300": { "$type": "color", "$value": "#72b070", "$extensions": { "oklch": "oklch(0.699 0.112 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-300)" } } },
+      "400": { "$type": "color", "$value": "#4a9949", "$extensions": { "oklch": "oklch(0.614 0.139 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-400)" } } },
+      "500": { "$type": "color", "$value": "#11821b", "$extensions": { "oklch": "oklch(0.529 0.167 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-500)" } } },
+      "600": { "$type": "color", "$value": "#056810", "$extensions": { "oklch": "oklch(0.449 0.145 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-600)" } } },
+      "700": { "$type": "color", "$value": "#004f07", "$extensions": { "oklch": "oklch(0.369 0.122 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-700)" } } },
+      "800": { "$type": "color", "$value": "#003603", "$extensions": { "oklch": "oklch(0.290 0.095 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-800)" } } },
+      "900": { "$type": "color", "$value": "#002001", "$extensions": { "oklch": "oklch(0.210 0.070 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-900)" } } },
+      "950": { "$type": "color", "$value": "#000b00", "$extensions": { "oklch": "oklch(0.130 0.045 143.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-950)" } } }
+    },
+    "server-slate": {
+      "$description": "Server Slate — near-neutral brand grey (white text); kept distinct from the EE neutral scale (WS0.5: they serve different jobs). Extended palette. Scale 50 (light) → 950 (dark), anchored at 600 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#eef0f1", "$extensions": { "oklch": "oklch(0.955 0.002 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-50)" } } },
+      "100": { "$type": "color", "$value": "#d1d5d6", "$extensions": { "oklch": "oklch(0.870 0.004 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-100)" } } },
+      "200": { "$type": "color", "$value": "#b5babb", "$extensions": { "oklch": "oklch(0.785 0.006 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-200)" } } },
+      "300": { "$type": "color", "$value": "#99a0a2", "$extensions": { "oklch": "oklch(0.700 0.008 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-300)" } } },
+      "400": { "$type": "color", "$value": "#7e8689", "$extensions": { "oklch": "oklch(0.615 0.010 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-400)" } } },
+      "500": { "$type": "color", "$value": "#646e70", "$extensions": { "oklch": "oklch(0.530 0.012 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-500)" } } },
+      "600": { "$type": "color", "$value": "#4c5659", "$extensions": { "oklch": "oklch(0.445 0.014 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-600)" } } },
+      "700": { "$type": "color", "$value": "#384043", "$extensions": { "oklch": "oklch(0.366 0.012 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-700)" } } },
+      "800": { "$type": "color", "$value": "#262c2e", "$extensions": { "oklch": "oklch(0.287 0.009 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-800)" } } },
+      "900": { "$type": "color", "$value": "#15191a", "$extensions": { "oklch": "oklch(0.209 0.007 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-900)" } } },
+      "950": { "$type": "color", "$value": "#060808", "$extensions": { "oklch": "oklch(0.130 0.005 217.7)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-950)" } } }
+    },
+    "logic-lime": {
+      "$description": "Logic Lime — bright pull-out accent (dark text); display alias \"Lime\". Extended palette. Scale 50 (light) → 950 (dark), anchored at 300 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#ecf4dc", "$extensions": { "oklch": "oklch(0.955 0.033 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-50)" } } },
+      "100": { "$type": "color", "$value": "#d8ecac", "$extensions": { "oklch": "oklch(0.912 0.086 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-100)" } } },
+      "200": { "$type": "color", "$value": "#c4e376", "$extensions": { "oklch": "oklch(0.870 0.140 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-200)" } } },
+      "300": { "$type": "color", "$value": "#b1d923", "$extensions": { "oklch": "oklch(0.827 0.193 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-300)" } } },
+      "400": { "$type": "color", "$value": "#94b70d", "$extensions": { "oklch": "oklch(0.727 0.175 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-400)" } } },
+      "500": { "$type": "color", "$value": "#799600", "$extensions": { "oklch": "oklch(0.628 0.153 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-500)" } } },
+      "600": { "$type": "color", "$value": "#5f7600", "$extensions": { "oklch": "oklch(0.528 0.129 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-600)" } } },
+      "700": { "$type": "color", "$value": "#465800", "$extensions": { "oklch": "oklch(0.429 0.105 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-700)" } } },
+      "800": { "$type": "color", "$value": "#2e3b00", "$extensions": { "oklch": "oklch(0.329 0.081 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-800)" } } },
+      "900": { "$type": "color", "$value": "#182100", "$extensions": { "oklch": "oklch(0.230 0.057 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-900)" } } },
+      "950": { "$type": "color", "$value": "#050900", "$extensions": { "oklch": "oklch(0.130 0.034 122.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-950)" } } }
+    },
+    "edge-blue": {
+      "$description": "Edge Blue — light end of the 3-stage blue (Tech Blue → EE Blue → Edge Blue); hover/active state (dark text). Extended palette. Scale 50 (light) → 950 (dark), anchored at 200 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#ebf1f6", "$extensions": { "oklch": "oklch(0.955 0.009 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-50)" } } },
+      "100": { "$type": "color", "$value": "#c6dcec", "$extensions": { "oklch": "oklch(0.884 0.032 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-100)" } } },
+      "200": { "$type": "color", "$value": "#a1c8e2", "$extensions": { "oklch": "oklch(0.813 0.055 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-200)" } } },
+      "300": { "$type": "color", "$value": "#8aacc3", "$extensions": { "oklch": "oklch(0.728 0.050 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-300)" } } },
+      "400": { "$type": "color", "$value": "#7391a6", "$extensions": { "oklch": "oklch(0.642 0.046 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-400)" } } },
+      "500": { "$type": "color", "$value": "#5d7889", "$extensions": { "oklch": "oklch(0.557 0.041 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-500)" } } },
+      "600": { "$type": "color", "$value": "#485f6e", "$extensions": { "oklch": "oklch(0.471 0.037 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-600)" } } },
+      "700": { "$type": "color", "$value": "#344753", "$extensions": { "oklch": "oklch(0.386 0.032 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-700)" } } },
+      "800": { "$type": "color", "$value": "#21303a", "$extensions": { "oklch": "oklch(0.301 0.028 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-800)" } } },
+      "900": { "$type": "color", "$value": "#0f1b23", "$extensions": { "oklch": "oklch(0.215 0.023 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-900)" } } },
+      "950": { "$type": "color", "$value": "#02080e", "$extensions": { "oklch": "oklch(0.130 0.019 237.6)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-950)" } } }
+    },
+    "signal-yellow": {
+      "$description": "Signal Yellow — bright pull-out accent (dark text); display alias \"Sunflower\"; NOT a status colour. Extended palette. Scale 50 (light) → 950 (dark), anchored at 300 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#f6f0db", "$extensions": { "oklch": "oklch(0.955 0.029 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-50)" } } },
+      "100": { "$type": "color", "$value": "#f9eaae", "$extensions": { "oklch": "oklch(0.934 0.077 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-100)" } } },
+      "200": { "$type": "color", "$value": "#fce27c", "$extensions": { "oklch": "oklch(0.913 0.125 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-200)" } } },
+      "300": { "$type": "color", "$value": "#ffd930", "$extensions": { "oklch": "oklch(0.892 0.173 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-300)" } } },
+      "400": { "$type": "color", "$value": "#d8b618", "$extensions": { "oklch": "oklch(0.783 0.157 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-400)" } } },
+      "500": { "$type": "color", "$value": "#b19500", "$extensions": { "oklch": "oklch(0.674 0.139 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-500)" } } },
+      "600": { "$type": "color", "$value": "#8b7400", "$extensions": { "oklch": "oklch(0.565 0.116 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-600)" } } },
+      "700": { "$type": "color", "$value": "#675600", "$extensions": { "oklch": "oklch(0.457 0.094 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-700)" } } },
+      "800": { "$type": "color", "$value": "#463900", "$extensions": { "oklch": "oklch(0.348 0.072 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-800)" } } },
+      "900": { "$type": "color", "$value": "#261e00", "$extensions": { "oklch": "oklch(0.239 0.050 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-900)" } } },
+      "950": { "$type": "color", "$value": "#0b0700", "$extensions": { "oklch": "oklch(0.130 0.028 95.2)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-950)" } } }
+    },
+    "cursor-coral": {
+      "$description": "Cursor Coral — decorative pull-out (dark text); NOT error/destructive. Extended palette. Scale 50 (light) → 950 (dark), anchored at 400 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#ffebe9", "$extensions": { "oklch": "oklch(0.955 0.022 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-50)" } } },
+      "100": { "$type": "color", "$value": "#ffccc8", "$extensions": { "oklch": "oklch(0.889 0.058 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-100)" } } },
+      "200": { "$type": "color", "$value": "#ffaca6", "$extensions": { "oklch": "oklch(0.823 0.099 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-200)" } } },
+      "300": { "$type": "color", "$value": "#ff8882", "$extensions": { "oklch": "oklch(0.757 0.145 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-300)" } } },
+      "400": { "$type": "color", "$value": "#ff5c5c", "$extensions": { "oklch": "oklch(0.691 0.199 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-400)" } } },
+      "500": { "$type": "color", "$value": "#d44849", "$extensions": { "oklch": "oklch(0.597 0.177 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-500)" } } },
+      "600": { "$type": "color", "$value": "#ab3436", "$extensions": { "oklch": "oklch(0.504 0.155 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-600)" } } },
+      "700": { "$type": "color", "$value": "#842124", "$extensions": { "oklch": "oklch(0.410 0.133 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-700)" } } },
+      "800": { "$type": "color", "$value": "#5e0f13", "$extensions": { "oklch": "oklch(0.317 0.111 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-800)" } } },
+      "900": { "$type": "color", "$value": "#3b0005", "$extensions": { "oklch": "oklch(0.223 0.090 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-900)" } } },
+      "950": { "$type": "color", "$value": "#180001", "$extensions": { "oklch": "oklch(0.130 0.055 23.9)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-950)" } } }
+    },
+    "patch-peach": {
+      "$description": "Patch Peach — light warm pull-out accent (dark text). Extended palette. Scale 50 (light) → 950 (dark), anchored at 300 (measured lightness).",
+      "50":  { "$type": "color", "$value": "#fcede0", "$extensions": { "oklch": "oklch(0.955 0.024 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-50)" } } },
+      "100": { "$type": "color", "$value": "#fed7b3", "$extensions": { "oklch": "oklch(0.903 0.064 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-100)" } } },
+      "200": { "$type": "color", "$value": "#fec084", "$extensions": { "oklch": "oklch(0.850 0.104 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-200)" } } },
+      "300": { "$type": "color", "$value": "#fca84e", "$extensions": { "oklch": "oklch(0.798 0.144 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-300)" } } },
+      "400": { "$type": "color", "$value": "#d68c3c", "$extensions": { "oklch": "oklch(0.703 0.130 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-400)" } } },
+      "500": { "$type": "color", "$value": "#b2722a", "$extensions": { "oklch": "oklch(0.607 0.117 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-500)" } } },
+      "600": { "$type": "color", "$value": "#8f5819", "$extensions": { "oklch": "oklch(0.512 0.103 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-600)" } } },
+      "700": { "$type": "color", "$value": "#6d4007", "$extensions": { "oklch": "oklch(0.416 0.090 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-700)" } } },
+      "800": { "$type": "color", "$value": "#4c2a00", "$extensions": { "oklch": "oklch(0.321 0.072 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-800)" } } },
+      "900": { "$type": "color", "$value": "#2c1600", "$extensions": { "oklch": "oklch(0.225 0.051 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-900)" } } },
+      "950": { "$type": "color", "$value": "#0f0500", "$extensions": { "oklch": "oklch(0.130 0.031 64.8)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-950)" } } }
+    },
+    "neutral": {
+      "$description": "EE neutral scale — monotonic Byte White (50) → Dark Data (950). Distinct from Server Slate (a brand grey, not a UI neutral). Aliased at 50/100/600/950 (see brand.byte-white / brand.the-cloud / brand.overcast / brand.dark-data).",
+      "50":  { "$type": "color", "$value": "#ffffff", "$extensions": { "oklch": "oklch(1.000 0.0000 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-50)" } } },
+      "100": { "$type": "color", "$value": "#f5f5f5", "$extensions": { "oklch": "oklch(0.970 0.0000 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-100)" } } },
+      "200": { "$type": "color", "$value": "#dbdbdb", "$extensions": { "oklch": "oklch(0.891 0.0007 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-200)" } } },
+      "300": { "$type": "color", "$value": "#c1c2c2", "$extensions": { "oklch": "oklch(0.813 0.0014 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-300)" } } },
+      "400": { "$type": "color", "$value": "#a7a9a9", "$extensions": { "oklch": "oklch(0.734 0.0020 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-400)" } } },
+      "500": { "$type": "color", "$value": "#8f9192", "$extensions": { "oklch": "oklch(0.655 0.0027 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-500)" } } },
+      "600": { "$type": "color", "$value": "#777a7a", "$extensions": { "oklch": "oklch(0.576 0.0034 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-600)" } } },
+      "700": { "$type": "color", "$value": "#606364", "$extensions": { "oklch": "oklch(0.497 0.0041 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-700)" } } },
+      "800": { "$type": "color", "$value": "#4a4d4e", "$extensions": { "oklch": "oklch(0.418 0.0047 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-800)" } } },
+      "900": { "$type": "color", "$value": "#35393a", "$extensions": { "oklch": "oklch(0.340 0.0054 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-900)" } } },
+      "950": { "$type": "color", "$value": "#212526", "$extensions": { "oklch": "oklch(0.261 0.0061 214.4)", "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-950)" } } }
     }
   },
   "brand": {
@@ -66,9 +220,20 @@
     "transform-teal": { "$type": "color", "$value": "{color.transform-teal.500}" },
     "equal-ember":    { "$type": "color", "$value": "{color.equal-ember.500}" },
     "ee-blue-accent": { "$type": "color", "$value": "{color.ee-blue.50}" },
-    "dark-data":      { "$type": "color", "$value": "#212526", "$description": "Primary text dark." },
-    "the-cloud":      { "$type": "color", "$value": "#f5f5f5", "$description": "Light surface." },
-    "byte-white":     { "$type": "color", "$value": "#ffffff" }
+    "dark-data":      { "$type": "color", "$value": "{color.neutral.950}", "$description": "Primary text dark. Now aliased into the EE neutral scale (was a raw hex; value unchanged, #212526)." },
+    "the-cloud":      { "$type": "color", "$value": "{color.neutral.100}", "$description": "Light surface. Now aliased into the EE neutral scale (was a raw hex; value unchanged, #f5f5f5)." },
+    "byte-white":     { "$type": "color", "$value": "{color.neutral.50}", "$description": "Now aliased into the EE neutral scale (was a raw hex; value unchanged, #ffffff)." },
+    "overcast":       { "$type": "color", "$value": "{color.neutral.600}", "$description": "Mid neutral grey — the fourth named EE neutral point (WS0.1).", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--neutral-600)" } } },
+    "index-indigo": { "$type": "color", "$value": "{color.index-indigo.800}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--index-indigo-800)" } } },
+    "packet-plum": { "$type": "color", "$value": "{color.packet-plum.600}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--packet-plum-600)" } } },
+    "runtime-red": { "$type": "color", "$value": "{color.runtime-red.600}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--runtime-red-600)" } } },
+    "uptime-green": { "$type": "color", "$value": "{color.uptime-green.500}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--uptime-green-500)" } } },
+    "server-slate": { "$type": "color", "$value": "{color.server-slate.600}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--server-slate-600)" } } },
+    "logic-lime": { "$type": "color", "$value": "{color.logic-lime.300}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--logic-lime-300)" } } },
+    "edge-blue": { "$type": "color", "$value": "{color.edge-blue.200}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--edge-blue-200)" } } },
+    "signal-yellow": { "$type": "color", "$value": "{color.signal-yellow.300}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--signal-yellow-300)" } } },
+    "cursor-coral": { "$type": "color", "$value": "{color.cursor-coral.400}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--cursor-coral-400)" } } },
+    "patch-peach": { "$type": "color", "$value": "{color.patch-peach.300}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--patch-peach-300)" } } }
   },
   "alias": {
     "$description": "Semantic role → brand mapping (mirrors kuat-core ee-light). Support-scale-backed roles (muted/border/ring/destructive) resolve to non-brand scales in kuat-core and are intentionally omitted here except destructive.",
@@ -79,6 +244,29 @@
     "foreground":  { "$type": "color", "$value": "{brand.dark-data}" },
     "background":  { "$type": "color", "$value": "{brand.byte-white}" },
     "muted":       { "$type": "color", "$value": "{brand.the-cloud}" },
-    "destructive": { "$type": "color", "$value": "#dc2626", "$description": "Red 600 (support scale, not brand)." }
+    "destructive": { "$type": "color", "$value": "{brand.runtime-red}", "$description": "Runtime Red #a3152b — replaces support-scale #dc2626 per the June 2026 colours lockdown (WS0.3)." }
+  },
+  "semantic": {
+    "$description": "Cross-cutting semantic / RAG roles (sit above the tiers — see reference/design-language/colour-usage.md). Never colour alone (WCAG 1.4.1): pair with icon/shape/label. Link is WIP — value may change pending validation in real link contexts.",
+    "error":   { "$type": "color", "$value": "{brand.runtime-red}", "$description": "Error/danger. White text (7.8:1 AAA). Shape/label partner: ✕ / \"Error:\" + icon.", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-error)" } } },
+    "warning": { "$type": "color", "$value": "{brand.equal-ember}", "$description": "Warning (core Orange, not yellow). DARK DATA text required (5.6:1 AA) — white text fails (2.8:1). Shape/label partner: △ / \"Warning:\" + icon.", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-warning)" } } },
+    "success": { "$type": "color", "$value": "{brand.uptime-green}", "$description": "Success. White text (5.0:1 AA). Shape/label partner: ✓ / \"Success:\" + icon.", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-success)" } } },
+    "info":    { "$type": "color", "$value": "{brand.index-indigo}", "$description": "Info/call-out. White text (13.4:1 AAA). Shape/label partner: ⓘ / \"Info:\" + icon.", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-info)" } } },
+    "link":    { "$type": "color", "$value": "#0080be", "$description": "WIP — accessible EE Blue for text links/small text; EE Blue #1795d4 itself fails small-text contrast (3.3:1). Deliberately ~97% of AA on white (4.34:1) to stay close to EE Blue (ΔE≈7.5) — a brand-fidelity-over-strict-compliance call, flagged for validation in real link contexts. Strict-AA fallback: #007cb9 (4.58:1).", "$extensions": { "scopes": ["TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-link)" } } },
+    "interaction-state": { "$type": "color", "$value": "{brand.edge-blue}", "$description": "Hover/active state — light end of the 3-stage blue. Dark Data text (8.8:1 AAA).", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": { "WEB": "var(--color-interaction-state)" } } },
+    "error-dark":   { "$type": "color", "$value": "{color.runtime-red.300}", "$description": "On-dark-surface text variant of error (lighter step for legibility on dark backgrounds).", "$extensions": { "scopes": ["TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-error-dark)" } } },
+    "success-dark": { "$type": "color", "$value": "{color.uptime-green.300}", "$description": "On-dark-surface text variant of success (lighter step for legibility on dark backgrounds).", "$extensions": { "scopes": ["TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-success-dark)" } } },
+    "info-dark":    { "$type": "color", "$value": "{color.index-indigo.300}", "$description": "On-dark-surface text variant of info (lighter step for legibility on dark backgrounds).", "$extensions": { "scopes": ["TEXT_FILL"], "codeSyntax": { "WEB": "var(--color-info-dark)" } } }
+  },
+  "data-viz": {
+    "$description": "Tier 3 categorical sequence for charts/data viz only — use in order, stop when there are enough categories. CVD-checked (deutan/protan/tritan), lightness-separated. NEVER place ee-blue and transform-teal adjacent (1.01:1 luminance — pick one per chart). Prefer these extended hues over raw core colours inside core-coloured UI so series stand apart from chrome.",
+    "categorical-1": { "$type": "color", "$value": "{brand.ee-blue}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-1)" } } },
+    "categorical-2": { "$type": "color", "$value": "{brand.equal-ember}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-2)" } } },
+    "categorical-3": { "$type": "color", "$value": "{brand.tech-blue}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-3)" } } },
+    "categorical-4": { "$type": "color", "$value": "{brand.logic-lime}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-4)" } } },
+    "categorical-5": { "$type": "color", "$value": "{brand.packet-plum}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-5)" } } },
+    "categorical-6": { "$type": "color", "$value": "{brand.edge-blue}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-6)" } } },
+    "categorical-7": { "$type": "color", "$value": "{brand.runtime-red}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-7)" } } },
+    "categorical-8": { "$type": "color", "$value": "{brand.signal-yellow}", "$extensions": { "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "WEB": "var(--categorical-8)" } } }
   }
 }

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-marketing/patterns/README.md

@@ -5,3 +5,9 @@ Applied layout and design patterns for marketing website page types.
 | Pattern | For | Base layout |
 |---------|-----|-------------|
 | [marketing-pages.md](./marketing-pages.md) | Landing pages, pricing, features, case studies | Horizontal navigation |
+
+> **Pattern model (later cut):** These patterns will adopt the
+> [outcome-framed pattern model](../../../patterns/overview.md) in a later cut, splitting page types into
+> individual patterns and linking shared concepts. The marketing case study will then implement the
+> shared [describe a case study](../../../patterns/help-users/describe-a-case-study.md) concept. Existing
+> files stay as-is for now.

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-marketing/website.md

@@ -10,6 +10,20 @@ Marketing websites are public-facing pages designed to inform, engage, and conve
 
 ---
 
+## Colour Usage
+
+Marketing pages are **core-dominant**: Tier 1 (EE Blue, Transform Teal, Tech Blue, Equal Ember,
+Dark Data, The Cloud, White) for almost everything. Full-page background floods are restricted to
+**Tech Blue or Dark Data** (or The Cloud / white) — EE Blue is used at block/component level only,
+never as a full-page fill.
+
+Extended-palette colours (Logic Lime, Equal Ember) appear only as small pull-outs — dark text on
+them, never body text, never a full flood — and must stay within **~5–10% of a page's total
+area**. See [colour-usage.md](../../design-language/colour-usage.md) for the full tier model and
+[colours.md](../../design-language/colours.md) for values.
+
+---
+
 ## Layout Structure
 
 ```

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/README.md

@@ -5,6 +5,7 @@ Reference for Equal Experts web applications, dashboards, internal tools, and pr
 | File | Scope |
 |------|-------|
 | [design.md](./design.md) | Layout, navigation, product visual patterns |
+| [colour-modes.md](./colour-modes.md) | Shadcn light/dark semantic colour mapping |
 | [accessibility.md](./accessibility.md) | Product accessibility requirements |
 | [emails.md](./emails.md) | Transactional / product email patterns |
 | [component-decision-tree.md](./component-decision-tree.md) | Which component source to use (Blocks → Kuat → shadcn → custom) |

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/accessibility.md

@@ -355,35 +355,6 @@ Kuat components automatically respect `prefers-reduced-motion`. When building cu
 
 ---
 
-## Testing Checklist
-
-### Keyboard Testing
-
-- [ ] Can reach all interactive elements with Tab
-- [ ] Focus order is logical
-- [ ] Focus indicator is visible
-- [ ] Can activate buttons/links with Enter/Space
-- [ ] Can close modals with Escape
-- [ ] No keyboard traps
-
-### Screen Reader Testing
-
-- [ ] Page has descriptive title
-- [ ] Headings create logical outline
-- [ ] Images have appropriate alt text
-- [ ] Links and buttons have clear labels
-- [ ] Form fields are labelled
-- [ ] Error messages are announced
-
-### Visual Testing
-
-- [ ] Content visible at 200% zoom
-- [ ] Works in both orientations
-- [ ] Colour contrast meets requirements
-- [ ] Information not conveyed by colour alone
-
----
-
 ## Related Documentation
 
 - [Accessibility foundations](../../accessibility/accessibility.md) - Principles and guidelines

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/colour-modes.md

@@ -0,0 +1,58 @@
+# Colour Modes (Light & Dark)
+
+Shadcn/ui semantic-role mapping for Equal Experts product UI. Product UI runs on a 50–950
+primitive scale with semantic role tokens (`background`, `foreground`, `primary`,
+`primary-foreground`, …) that flip value between light and dark mode while the role name stays
+fixed — components reference `bg-primary text-primary-foreground` and the mode handles the rest.
+
+**Status:** the mapping below is agreed (June 2026 colours lockdown) and is the target for
+`@equal-experts/kuat-core`'s light and dark themes and `token-contract.json` (published
+downstream). Until that release ships, treat the recommended values as the authority for review
+and design work; the shipped `--color-*` CSS custom properties are the implementation of record
+once published — see [colours.md](../../design-language/colours.md) for the upstream token values
+these resolve from.
+
+## Light mode
+
+| Role | Value | Notes |
+|------|-------|-------|
+| `background` / `foreground` | White / Dark Data | 15.5:1 |
+| `card` / `card-foreground` | White / Dark Data | 15.5:1 |
+| `primary` / `primary-foreground` | EE Blue-600 `#1378ae` / White | EE Blue-600, not the brand -500, so white button text reaches AA (4.85:1); brand EE Blue `#1795d4` only passes for large/bold labels |
+| `secondary` / `secondary-foreground` | Transform Teal-50 / Transform Teal-700 | 6.8:1 |
+| `muted` / `muted-foreground` | The Cloud / Server Slate | 6.9:1 |
+| `accent` / `accent-foreground` | EE Blue-50 / EE Blue-700 | 6.5:1 |
+| `destructive` / `destructive-foreground` | Runtime Red / White | 7.8:1 |
+| `ring` | EE Blue-600 | Meets 3:1 UI floor |
+| `border` / `input` | Light neutral | Decorative divider — subtle by design, not a state indicator |
+| `chart-1…5` | Tier 3 order | EE Blue, Equal Ember, Tech Blue, Logic Lime, Packet Plum |
+
+## Dark mode
+
+| Role | Value | Notes |
+|------|-------|-------|
+| `background` / `foreground` | Dark Data / The Cloud | 14.2:1 |
+| `card` / `card-foreground` | Dark surface / The Cloud | 12.5:1 |
+| `primary` / `primary-foreground` | EE Blue (brand -500) / Dark Data | 4.6:1 — on dark surfaces, brand EE Blue itself passes with dark text |
+| `secondary` / `secondary-foreground` | Tech Blue / White | 7.8:1 |
+| `muted` / `muted-foreground` | Dark neutral / Edge Blue | 7.2:1 |
+| `accent` / `accent-foreground` | Tech Blue-900 / Edge Blue | 10.7:1 |
+| `destructive` / `destructive-foreground` | Runtime Red / White | 7.8:1 (unchanged from light mode) |
+| `ring` | EE Blue (brand -500) | — |
+| `border` / `input` | Dark neutral | — |
+| `chart-1…5` | Tier 3 order, dark-adjusted | EE Blue, Equal Ember, Edge Blue, Logic Lime, Signal Yellow (Edge Blue/Signal Yellow swapped in for dark-surface contrast) |
+
+## Interaction states
+
+Hover/active states use **Edge Blue** (the light end of the three-stage blue — see
+[colour-usage.md](../../design-language/colour-usage.md#the-three-stage-blue)), not a raw opacity
+tint of EE Blue. Interactive elements combine a tint-plus-darker-overlay treatment with an
+affordance cue (border-radius, shape) — colour is never the only signal that something is
+clickable.
+
+## Links vs primary actions
+
+`primary` (buttons, key CTAs) uses EE Blue; text links and small text use the semantic `link`
+token, not `primary` — see
+[colour-usage.md](../../design-language/colour-usage.md#links-vs-buttons--the-accessible-blue) for
+why these are deliberately different values.

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/component-decision-tree.md

@@ -206,38 +206,9 @@ import { cn } from "@/lib/utils"
 
 ---
 
-## Testing Checklist
-
-Before shipping a component, verify:
-
-### Functionality
-- [ ] All variants render correctly
-- [ ] Default props work
-- [ ] Custom className can be passed
-- [ ] Component ref is forwarded (React)
-
-### Types
-- [ ] Props are properly typed
-- [ ] Types are exported
-- [ ] No TypeScript errors
-
-### Accessibility
-- [ ] Keyboard navigation works
-- [ ] Screen reader announces correctly
-- [ ] Focus visible and logical
-- [ ] ARIA attributes present
-
-### Styling
-- [ ] Uses design tokens
-- [ ] Works in light and dark mode
-- [ ] Responsive if applicable
-- [ ] Matches design specifications
-
-### Edge Cases
-- [ ] Long text handled
-- [ ] Empty states handled
-- [ ] Loading states (if applicable)
-- [ ] Error states (if applicable)
+## Component testing
+
+Component test strategy and per-component verification (functionality, types, accessibility, styling, edge cases) are **owned by the implementation repo** — `kuat-mono` and the published package — per the upstream/local ownership split (see the repo's `AGENTS.md`). This reference covers component **selection and structure**, not test procedure.
 
 ---
 

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/component-registry.md

@@ -8,7 +8,7 @@ Stable IDs link patterns and checklists to per-component guides in the implement
 
 | ID | Display name | Source | Overlay / package doc | Upstream refs |
 |----|--------------|--------|----------------------|---------------|
-| `shadcn:button` | Button | shadcn CLI + `kuat-core` theme | `components/button.md` | [forms](./patterns/forms.md), [authentication](./patterns/authentication.md), [content/actions](./content/actions.md) |
+| `shadcn:button` | Button | shadcn CLI + `kuat-core` theme | `components/button.md` | [complete a form](./patterns/complete-a-form.md), [sign in](./patterns/sign-in.md), [content/actions](./content/actions.md) |
 | `kuat:button-group` | ButtonGroup | `@equal-experts/kuat-react` / `kuat-vue` | `components/button-group.md` | [component-decision-tree](./component-decision-tree.md) |
 | `kuat:kuat-header` | KuatHeader | `@equal-experts/kuat-react` / `kuat-vue` block | `components/kuat-header.md` | [component-decision-tree](./component-decision-tree.md), [design](./design.md) |
 

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/content/product-content.md

@@ -90,32 +90,6 @@ Before writing, know:
 
 ---
 
-## Product Content Checklist
-
-**Context and Timing:**
-- [ ] Content appears at right moment
-- [ ] Information directly relevant
-- [ ] Content disappears when not relevant
-
-**Clarity and Conciseness:**
-- [ ] Every word carries meaning
-- [ ] As short as possible while clear
-- [ ] Most important info first
-
-**Usability:**
-- [ ] Users can complete task without leaving for help
-- [ ] Button labels describe action clearly
-- [ ] Form labels clear and persistent
-- [ ] Error messages explain problem and fix
-
-**Accessibility:**
-- [ ] Accessible to screen readers
-- [ ] Labels connected to inputs
-- [ ] Error messages associated with fields
-- [ ] Logical heading hierarchy
-
----
-
 ## Related Documentation
 
 - [Voice and tone](../../../brand/voice-and-tone.md) - Voice, tone, style

package/agent-docs/external/kuat-agent-rules/reference/media-types/web-product/patterns/README.md

@@ -1,10 +1,19 @@
 # Web Product Patterns
 
-Applied layout and design patterns for web-application page types.
+Outcome-framed patterns for web-application page types, grouped by the user outcome they serve (see the
+[patterns overview](../../../patterns/overview.md)). Each is **single-medium**: its concept and its
+web-product implementation live together in one document.
+
+## Help users to…
+
+| Pattern | For | Base layout |
+|---------|-----|-------------|
+| [Sign in](./sign-in.md) | Login, registration, password flows, MFA | Single column |
+| [Complete a form](./complete-a-form.md) | Settings, multi-step forms, data entry | Varies |
+
+## Pages
 
 | Pattern | For | Base layout |
 |---------|-----|-------------|
-| [authentication.md](./authentication.md) | Login, registration, password flows, MFA | Single column |
-| [dashboards.md](./dashboards.md) | Analytics, data tables, metrics, reporting | Sidebar navigation |
-| [forms.md](./forms.md) | Settings, multi-step forms, data entry | Varies |
-| [documentation.md](./documentation.md) | Docs sites, knowledge bases, API reference | Sidebar + split |
+| [Dashboard](./dashboard.md) | Analytics, data tables, metrics, reporting | Sidebar navigation |
+| [Documentation](./documentation.md) | Docs sites, knowledge bases, API reference | Sidebar + split |