@conductor-by-89soone/tokens 0.0.0

package/dist/tokens.json

@@ -0,0 +1,3081 @@
+{
+  "themes": [
+    "dark",
+    "light"
+  ],
+  "tokens": [
+    {
+      "key": "surface.base",
+      "cssName": "--cdt-surface-base",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Application background. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#080b12",
+        "light": "#e8ecf2"
+      }
+    },
+    {
+      "key": "surface.canvas",
+      "cssName": "--cdt-surface-canvas",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Content canvas. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#0b101a",
+        "light": "#eef1f6"
+      }
+    },
+    {
+      "key": "surface.subtle",
+      "cssName": "--cdt-surface-subtle",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Recessed fill. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#101722",
+        "light": "#f3f6f9"
+      }
+    },
+    {
+      "key": "surface.2",
+      "cssName": "--cdt-surface-2",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Source alias of `surface.subtle`, kept as a reference (FR-THM-001 AC-2).",
+      "alias": "surface.subtle",
+      "values": {
+        "dark": "#101722",
+        "light": "#f3f6f9"
+      }
+    },
+    {
+      "key": "surface.raised",
+      "cssName": "--cdt-surface-raised",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Card and panel fill. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "surface.elevated",
+      "cssName": "--cdt-surface-elevated",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Highest surface. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#192535",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "surface.overlay",
+      "cssName": "--cdt-surface-overlay",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Dialog scrim. Contrast-exempt: nothing is drawn on top of a scrim.",
+      "values": {
+        "dark": "rgba(4, 7, 12, 0.78)",
+        "light": "rgba(12, 18, 28, 0.45)"
+      }
+    },
+    {
+      "key": "surface.glass",
+      "cssName": "--cdt-surface-glass",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Translucent panel behind `backdrop-filter`. Contrast-exempt: translucent layer.",
+      "values": {
+        "dark": "rgba(16, 23, 34, 0.82)",
+        "light": "rgba(251, 252, 253, 0.86)"
+      }
+    },
+    {
+      "key": "surface.timeline",
+      "cssName": "--cdt-surface-timeline",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Timeline rail. Contrast-exempt: surfaces are background arguments.",
+      "values": {
+        "dark": "#0d141f",
+        "light": "#f1f4f8"
+      }
+    },
+    {
+      "key": "surface.track",
+      "cssName": "--cdt-surface-track",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Progress and meter track, matching the source 1:1.",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.05)",
+        "light": "rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "text.primary",
+      "cssName": "--cdt-text-primary",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Top of the text hierarchy. 14.40:1 to 18.32:1 across the five surfaces.",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "text.secondary",
+      "cssName": "--cdt-text-secondary",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Supporting copy. 9.83:1 to 12.51:1 across the five surfaces.",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "text.muted",
+      "cssName": "--cdt-text-muted",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "De-emphasised copy, table headers, field labels. 4.76:1 to 6.06:1.",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "text.faint",
+      "cssName": "--cdt-text-faint",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Meta text, timestamps, uppercase labels and input placeholders only. Contrast-exempt: 2.94:1 to 3.74:1 never reaches body 4.5:1. Forbidden on `surface.elevated` (FR-THM-005 AC-3).",
+      "values": {
+        "dark": "#5f6d80",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "text.inverse",
+      "cssName": "--cdt-text-inverse",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Text on an accent, status or severity fill.",
+      "values": {
+        "dark": "#07111f",
+        "light": "#f4f7fb"
+      }
+    },
+    {
+      "key": "text.monoPayload",
+      "cssName": "--cdt-text-mono-payload",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Monospace payload text. 13.44:1 on `surface.raised`.",
+      "values": {
+        "dark": "#dce6f3",
+        "light": "#1b2537"
+      }
+    },
+    {
+      "key": "border.subtle",
+      "cssName": "--cdt-border-subtle",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Hairline divider. Contrast-exempt (1.13:1), WCAG 1.4.11 exception: card and panel edges are already identified by surface luminance and `elevation.*` (FR-THM-005 AC-4).",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.1)",
+        "light": "#e2e8f0"
+      }
+    },
+    {
+      "key": "border.default",
+      "cssName": "--cdt-border-default",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Default edge. Contrast-exempt (1.30:1), same WCAG 1.4.11 exception. Form controls use `border.control` instead (FR-THM-005 AC-4).",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "border.strong",
+      "cssName": "--cdt-border-strong",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Pronounced edge for buttons and overlays. Contrast-exempt (1.69:1), same WCAG 1.4.11 exception (FR-THM-005 AC-4).",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "border.control",
+      "cssName": "--cdt-border-control",
+      "tier": "semantic",
+      "usage": "nonText",
+      "description": "Form control edge. Corrected token (FR-THM-005 AC-2): the source reused `border.default` at 1.30:1. Alpha 0.60 yields 3.23:1 on `surface.raised`. Applies to TextField, TextArea, Select, Switch and Checkbox only.",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.6)",
+        "light": "#64748b"
+      }
+    },
+    {
+      "key": "border.DEFAULT",
+      "cssName": "--cdt-border",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Source alias of `border.default`, kept as a reference (FR-THM-001 AC-2).",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "accent.DEFAULT",
+      "cssName": "--cdt-accent",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "The single accent. 5.60:1 on `surface.base`, 4.82:1 on `surface.raised`. Body use on `surface.elevated` is forbidden (4.40:1); large text and non-text use are allowed.",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "accent.strong",
+      "cssName": "--cdt-accent-strong",
+      "tier": "semantic",
+      "usage": "nonText",
+      "description": "Second accent step. Never a fill beneath body text; 4.36:1 on `surface.base`.",
+      "values": {
+        "dark": "#5667f5",
+        "light": "#3f4ac0"
+      }
+    },
+    {
+      "key": "accent.soft",
+      "cssName": "--cdt-accent-soft",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Faint accent wash. Contrast-exempt: text above it is always `text.primary`.",
+      "values": {
+        "dark": "rgba(109, 124, 255, 0.14)",
+        "light": "rgba(79, 91, 213, 0.14)"
+      }
+    },
+    {
+      "key": "accent.glow",
+      "cssName": "--cdt-accent-glow",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Dark-only glow. Contrast-exempt: never the sole carrier of information.",
+      "values": {
+        "dark": "rgba(109, 124, 255, 0.28)",
+        "light": "rgba(79, 91, 213, 0.22)"
+      }
+    },
+    {
+      "key": "status.queued",
+      "cssName": "--cdt-status-queued",
+      "tier": "semantic",
+      "usage": "nonText",
+      "description": "Queued. 3.56:1 on `surface.raised`. Dot and marker only, never a text foreground; the component must render an icon and a label alongside it (FR-THM-005 AC-5, AC-7).",
+      "icon": "circle-dashed",
+      "values": {
+        "dark": "#64748b",
+        "light": "#52607a"
+      }
+    },
+    {
+      "key": "status.running",
+      "cssName": "--cdt-status-running",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Running. Resolves to the accent, matching the source 1:1 (`#6d7cff`); the reference keeps the accent family single-sourced (design principle P-5).",
+      "alias": "accent.DEFAULT",
+      "icon": "loader",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "status.waiting",
+      "cssName": "--cdt-status-waiting",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Waiting on input. 7.89:1 on `surface.raised`.",
+      "icon": "pause-circle",
+      "values": {
+        "dark": "#f59e0b",
+        "light": "#b45309"
+      }
+    },
+    {
+      "key": "status.success",
+      "cssName": "--cdt-status-success",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Completed successfully. 6.68:1 on `surface.raised`.",
+      "icon": "check-circle-2",
+      "values": {
+        "dark": "#10b981",
+        "light": "#047857"
+      }
+    },
+    {
+      "key": "status.partial",
+      "cssName": "--cdt-status-partial",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Completed with gaps. 8.84:1 on `surface.raised`.",
+      "icon": "alert-circle",
+      "values": {
+        "dark": "#eab308",
+        "light": "#a16207"
+      }
+    },
+    {
+      "key": "status.danger",
+      "cssName": "--cdt-status-danger",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Failed. 4.50:1 on `surface.raised`.",
+      "icon": "x-circle",
+      "values": {
+        "dark": "#ef4444",
+        "light": "#c81e1e"
+      }
+    },
+    {
+      "key": "status.neutralEnd",
+      "cssName": "--cdt-status-neutral-end",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Cancelled or superseded. Contrast-exempt per CR-006 (`srs_final.md` 12.1): 2.04:1 to 2.60:1 reaches non-text 3:1 on no surface. WCAG 1.4.11 exception — FR-THM-005 AC-7 forces an icon and a label alongside the colour, and the source's surface-coloured ring supplies the marker's shape boundary, so the dot's fill carries no identification on its own. Known cost: the dot reads faintly against a dark background.",
+      "icon": "circle-slash",
+      "values": {
+        "dark": "#475569",
+        "light": "#3f4b5f"
+      }
+    },
+    {
+      "key": "meter.normal",
+      "cssName": "--cdt-meter-normal",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Below the warning threshold. 8.82:1 on `surface.raised`.",
+      "values": {
+        "dark": "#34d399",
+        "light": "#047857"
+      }
+    },
+    {
+      "key": "meter.warning",
+      "cssName": "--cdt-meter-warning",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Past the warning threshold. 10.15:1 on `surface.raised`.",
+      "values": {
+        "dark": "#fbbf24",
+        "light": "#b45309"
+      }
+    },
+    {
+      "key": "meter.exceeded",
+      "cssName": "--cdt-meter-exceeded",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Past the hard limit. 6.13:1 on `surface.raised`.",
+      "alias": "red.400",
+      "values": {
+        "dark": "#f87171",
+        "light": "#dc2626"
+      }
+    },
+    {
+      "key": "severity.read",
+      "cssName": "--cdt-severity-read",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Read-only side effect. Fill only; 4.67:1 beneath `text.primary`.",
+      "icon": "eye",
+      "values": {
+        "dark": "#15803d",
+        "light": "#15803d"
+      }
+    },
+    {
+      "key": "severity.write",
+      "cssName": "--cdt-severity-write",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Mutating side effect. Fill only; 4.82:1 beneath `text.primary`.",
+      "icon": "pencil",
+      "values": {
+        "dark": "#c2410c",
+        "light": "#c2410c"
+      }
+    },
+    {
+      "key": "severity.destructive",
+      "cssName": "--cdt-severity-destructive",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Destructive side effect. Fill only; 6.02:1 beneath `text.primary`.",
+      "icon": "trash-2",
+      "values": {
+        "dark": "#b91c1c",
+        "light": "#b91c1c"
+      }
+    },
+    {
+      "key": "severity.blocked",
+      "cssName": "--cdt-severity-blocked",
+      "tier": "semantic",
+      "usage": "body",
+      "description": "Blocked by policy. Fill only; 9.32:1 beneath `text.primary`.",
+      "icon": "shield-x",
+      "values": {
+        "dark": "#7f1d1d",
+        "light": "#7f1d1d"
+      }
+    },
+    {
+      "key": "font.sans",
+      "cssName": "--cdt-font-sans",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Interface font stack. Not a colour.",
+      "alias": "stack.sans",
+      "values": {
+        "dark": "Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "light": "Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
+      }
+    },
+    {
+      "key": "font.mono",
+      "cssName": "--cdt-font-mono",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Payload and code font stack. Not a colour.",
+      "alias": "stack.mono",
+      "values": {
+        "dark": "'JetBrains Mono', ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace",
+        "light": "'JetBrains Mono', ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace"
+      }
+    },
+    {
+      "key": "elevation.raised",
+      "cssName": "--cdt-elevation-raised",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Resting card shadow. Contrast-exempt: a shadow, not a colour.",
+      "values": {
+        "dark": "0 12px 30px rgba(0, 0, 0, 0.18)",
+        "light": "0 12px 30px rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "elevation.hover",
+      "cssName": "--cdt-elevation-hover",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Hovered card shadow. Contrast-exempt: a shadow, not a colour.",
+      "values": {
+        "dark": "0 18px 46px rgba(0, 0, 0, 0.26)",
+        "light": "0 18px 46px rgba(12, 18, 28, 0.12)"
+      }
+    },
+    {
+      "key": "elevation.overlay",
+      "cssName": "--cdt-elevation-overlay",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Overlay shadow plus a 1px ring. The ring references `border.strong` so each theme resolves its own edge. Contrast-exempt with that border (FR-THM-005 AC-4).",
+      "values": {
+        "dark": "0 24px 64px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(148, 163, 184, 0.3)",
+        "light": "0 24px 64px rgba(12, 18, 28, 0.2), 0 0 0 1px #5b6879"
+      }
+    },
+    {
+      "key": "focusRing",
+      "cssName": "--cdt-focus-ring",
+      "tier": "semantic",
+      "usage": "nonText",
+      "description": "Corrected token (FR-THM-005 AC-1). The source used accent alpha 0.30, which composites to 1.50:1 on `surface.base` and fails WCAG 2.4.11; a focus indicator cannot be decorative. Alpha 0.80 gives 3.93:1 on `surface.base` and 3.56:1 on `surface.raised`.",
+      "values": {
+        "dark": "0 0 0 3px rgba(109, 124, 255, 0.8)",
+        "light": "0 0 0 3px rgba(79, 91, 213, 0.8)"
+      }
+    },
+    {
+      "key": "state.hover",
+      "cssName": "--cdt-state-hover",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Hover wash. Contrast-exempt: nudges the surface, carries no meaning.",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.055)",
+        "light": "rgba(12, 18, 28, 0.05)"
+      }
+    },
+    {
+      "key": "state.selected",
+      "cssName": "--cdt-state-selected",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Selected wash. Contrast-exempt: selection is also announced via `aria-pressed` and text.",
+      "values": {
+        "dark": "rgba(109, 124, 255, 0.16)",
+        "light": "rgba(79, 91, 213, 0.12)"
+      }
+    },
+    {
+      "key": "state.disabled",
+      "cssName": "--cdt-state-disabled",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Disabled fill. Contrast-exempt as a fill; checked beneath `text.muted` (5.05:1).",
+      "values": {
+        "dark": "#18202c",
+        "light": "#e2e8f0"
+      }
+    },
+    {
+      "key": "state.disabledPolicy",
+      "cssName": "--cdt-state-disabled-policy",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Policy-blocked fill. Contrast-exempt as a fill; checked beneath the label (5.27:1).",
+      "values": {
+        "dark": "#422006",
+        "light": "#fef3c7"
+      }
+    },
+    {
+      "key": "font.size.2xs",
+      "cssName": "--cdt-font-size-2xs",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `2xs`.",
+      "values": {
+        "dark": "10px",
+        "light": "10px"
+      }
+    },
+    {
+      "key": "font.size.xs",
+      "cssName": "--cdt-font-size-xs",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `xs`.",
+      "values": {
+        "dark": "11px",
+        "light": "11px"
+      }
+    },
+    {
+      "key": "font.size.sm",
+      "cssName": "--cdt-font-size-sm",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `sm`.",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "font.size.base",
+      "cssName": "--cdt-font-size-base",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `base`.",
+      "values": {
+        "dark": "13px",
+        "light": "13px"
+      }
+    },
+    {
+      "key": "font.size.md",
+      "cssName": "--cdt-font-size-md",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `md`.",
+      "values": {
+        "dark": "14px",
+        "light": "14px"
+      }
+    },
+    {
+      "key": "font.size.lg",
+      "cssName": "--cdt-font-size-lg",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `lg`.",
+      "values": {
+        "dark": "16px",
+        "light": "16px"
+      }
+    },
+    {
+      "key": "font.size.xl",
+      "cssName": "--cdt-font-size-xl",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Font size step `xl`.",
+      "values": {
+        "dark": "20px",
+        "light": "20px"
+      }
+    },
+    {
+      "key": "font.lineHeight.2xs",
+      "cssName": "--cdt-font-line-height-2xs",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.2xs`.",
+      "values": {
+        "dark": "14px",
+        "light": "14px"
+      }
+    },
+    {
+      "key": "font.lineHeight.xs",
+      "cssName": "--cdt-font-line-height-xs",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.xs`.",
+      "values": {
+        "dark": "16px",
+        "light": "16px"
+      }
+    },
+    {
+      "key": "font.lineHeight.sm",
+      "cssName": "--cdt-font-line-height-sm",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.sm`.",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "font.lineHeight.base",
+      "cssName": "--cdt-font-line-height-base",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.base`.",
+      "values": {
+        "dark": "20px",
+        "light": "20px"
+      }
+    },
+    {
+      "key": "font.lineHeight.md",
+      "cssName": "--cdt-font-line-height-md",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.md`.",
+      "values": {
+        "dark": "21px",
+        "light": "21px"
+      }
+    },
+    {
+      "key": "font.lineHeight.lg",
+      "cssName": "--cdt-font-line-height-lg",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.lg`.",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "font.lineHeight.xl",
+      "cssName": "--cdt-font-line-height-xl",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Line height paired with `font.size.xl`.",
+      "values": {
+        "dark": "26px",
+        "light": "26px"
+      }
+    },
+    {
+      "key": "space.1",
+      "cssName": "--cdt-space-1",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Tightest gap. Badge padding block.",
+      "alias": "scale.4",
+      "values": {
+        "dark": "4px",
+        "light": "4px"
+      }
+    },
+    {
+      "key": "space.2",
+      "cssName": "--cdt-space-2",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Button padding block, button gap.",
+      "alias": "scale.8",
+      "values": {
+        "dark": "8px",
+        "light": "8px"
+      }
+    },
+    {
+      "key": "space.3",
+      "cssName": "--cdt-space-3",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Table cell padding inline, input padding inline.",
+      "alias": "scale.12",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "space.4",
+      "cssName": "--cdt-space-4",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Table cell padding block.",
+      "alias": "scale.16",
+      "values": {
+        "dark": "16px",
+        "light": "16px"
+      }
+    },
+    {
+      "key": "space.5",
+      "cssName": "--cdt-space-5",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Card padding, card grid gap, content stack gap.",
+      "alias": "scale.24",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "space.6",
+      "cssName": "--cdt-space-6",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Page stack gap.",
+      "alias": "scale.32",
+      "values": {
+        "dark": "32px",
+        "light": "32px"
+      }
+    },
+    {
+      "key": "space.7",
+      "cssName": "--cdt-space-7",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Section spacing.",
+      "alias": "scale.40",
+      "values": {
+        "dark": "40px",
+        "light": "40px"
+      }
+    },
+    {
+      "key": "space.8",
+      "cssName": "--cdt-space-8",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Widest gap.",
+      "alias": "scale.48",
+      "values": {
+        "dark": "48px",
+        "light": "48px"
+      }
+    },
+    {
+      "key": "radius.xs",
+      "cssName": "--cdt-radius-xs",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Smallest radius.",
+      "alias": "curve.6",
+      "values": {
+        "dark": "6px",
+        "light": "6px"
+      }
+    },
+    {
+      "key": "radius.sm",
+      "cssName": "--cdt-radius-sm",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Form control radius.",
+      "alias": "curve.9",
+      "values": {
+        "dark": "9px",
+        "light": "9px"
+      }
+    },
+    {
+      "key": "radius.md",
+      "cssName": "--cdt-radius-md",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Button radius, compact card radius.",
+      "alias": "curve.12",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "radius.lg",
+      "cssName": "--cdt-radius-lg",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Card and overlay radius.",
+      "alias": "curve.18",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "radius.xl",
+      "cssName": "--cdt-radius-xl",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Largest radius.",
+      "alias": "curve.24",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "radius.pill",
+      "cssName": "--cdt-radius-pill",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Fully rounded badge, toggle, marker and progress geometry.",
+      "values": {
+        "dark": "9999px",
+        "light": "9999px"
+      }
+    },
+    {
+      "key": "z.base",
+      "cssName": "--cdt-z-base",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Normal flow.",
+      "values": {
+        "dark": "0",
+        "light": "0"
+      }
+    },
+    {
+      "key": "z.raised",
+      "cssName": "--cdt-z-raised",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Lifts a focus ring out of an ancestor's `overflow: hidden`.",
+      "values": {
+        "dark": "10",
+        "light": "10"
+      }
+    },
+    {
+      "key": "z.sticky",
+      "cssName": "--cdt-z-sticky",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "The app shell top bar.",
+      "values": {
+        "dark": "20",
+        "light": "20"
+      }
+    },
+    {
+      "key": "z.drawer",
+      "cssName": "--cdt-z-drawer",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Side navigation and the `Drawer` panel.",
+      "values": {
+        "dark": "30",
+        "light": "30"
+      }
+    },
+    {
+      "key": "z.overlay",
+      "cssName": "--cdt-z-overlay",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "`Dialog` and `Drawer` scrims.",
+      "values": {
+        "dark": "40",
+        "light": "40"
+      }
+    },
+    {
+      "key": "z.popover",
+      "cssName": "--cdt-z-popover",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "`Tooltip`, `DropdownMenu`, `Select` content, skip link.",
+      "values": {
+        "dark": "50",
+        "light": "50"
+      }
+    },
+    {
+      "key": "breakpoint.sm",
+      "cssName": "--cdt-breakpoint-sm",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Single-column card grid; taller form controls.",
+      "values": {
+        "dark": "560px",
+        "light": "560px"
+      }
+    },
+    {
+      "key": "breakpoint.md",
+      "cssName": "--cdt-breakpoint-md",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Single-column split layout; table horizontal scroll; off-canvas navigation.",
+      "values": {
+        "dark": "800px",
+        "light": "800px"
+      }
+    },
+    {
+      "key": "breakpoint.lg",
+      "cssName": "--cdt-breakpoint-lg",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Narrower navigation; narrower minimum grid column.",
+      "values": {
+        "dark": "1080px",
+        "light": "1080px"
+      }
+    },
+    {
+      "key": "motion.fast",
+      "cssName": "--cdt-motion-fast",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Colour, background and border transitions.",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "motion.standard",
+      "cssName": "--cdt-motion-standard",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Overlay and page entrance.",
+      "values": {
+        "dark": "240ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "240ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "motion.bounce",
+      "cssName": "--cdt-motion-bounce",
+      "tier": "semantic",
+      "usage": "decorative",
+      "description": "Toggle and switch settle.",
+      "values": {
+        "dark": "300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "light": "300ms cubic-bezier(0.34, 1.56, 0.64, 1)"
+      }
+    },
+    {
+      "key": "button.minHeight",
+      "cssName": "--cdt-button-min-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Minimum target height.",
+      "values": {
+        "dark": "40px",
+        "light": "40px"
+      }
+    },
+    {
+      "key": "button.minHeightCompact",
+      "cssName": "--cdt-button-min-height-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Minimum height below `breakpoint.sm`.",
+      "values": {
+        "dark": "42px",
+        "light": "42px"
+      }
+    },
+    {
+      "key": "button.paddingBlock",
+      "cssName": "--cdt-button-padding-block",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Vertical padding.",
+      "alias": "space.2",
+      "values": {
+        "dark": "8px",
+        "light": "8px"
+      }
+    },
+    {
+      "key": "button.paddingInline",
+      "cssName": "--cdt-button-padding-inline",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Horizontal padding.",
+      "values": {
+        "dark": "14px",
+        "light": "14px"
+      }
+    },
+    {
+      "key": "button.radius",
+      "cssName": "--cdt-button-radius",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Corner radius.",
+      "alias": "radius.md",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "button.fontSize",
+      "cssName": "--cdt-button-font-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Label size. 14px for body-level readability.",
+      "alias": "font.size.md",
+      "values": {
+        "dark": "14px",
+        "light": "14px"
+      }
+    },
+    {
+      "key": "button.gap",
+      "cssName": "--cdt-button-gap",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Gap between icon and label.",
+      "alias": "space.2",
+      "values": {
+        "dark": "8px",
+        "light": "8px"
+      }
+    },
+    {
+      "key": "button.transition",
+      "cssName": "--cdt-button-transition",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "State transition.",
+      "alias": "motion.fast",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "button.primary.background",
+      "cssName": "--cdt-button-primary-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Primary fill.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "button.primary.backgroundHover",
+      "cssName": "--cdt-button-primary-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Primary fill stays flat on hover.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "button.primary.text",
+      "cssName": "--cdt-button-primary-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Primary label. 5.39:1 on the fill.",
+      "alias": "text.inverse",
+      "values": {
+        "dark": "#07111f",
+        "light": "#f4f7fb"
+      }
+    },
+    {
+      "key": "button.primary.border",
+      "cssName": "--cdt-button-primary-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Primary needs no edge.",
+      "values": {
+        "dark": "transparent",
+        "light": "transparent"
+      }
+    },
+    {
+      "key": "button.primary.shadow",
+      "cssName": "--cdt-button-primary-shadow",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Primary resting shadow.",
+      "alias": "elevation.raised",
+      "values": {
+        "dark": "0 12px 30px rgba(0, 0, 0, 0.18)",
+        "light": "0 12px 30px rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "button.primary.shadowHover",
+      "cssName": "--cdt-button-primary-shadow-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Primary hover shadow.",
+      "alias": "elevation.hover",
+      "values": {
+        "dark": "0 18px 46px rgba(0, 0, 0, 0.26)",
+        "light": "0 18px 46px rgba(12, 18, 28, 0.12)"
+      }
+    },
+    {
+      "key": "button.secondary.background",
+      "cssName": "--cdt-button-secondary-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Secondary fill.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "button.secondary.backgroundHover",
+      "cssName": "--cdt-button-secondary-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Secondary hover fill.",
+      "alias": "surface.elevated",
+      "values": {
+        "dark": "#192535",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "button.secondary.text",
+      "cssName": "--cdt-button-secondary-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Secondary label.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "button.secondary.border",
+      "cssName": "--cdt-button-secondary-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Secondary edge. Not `border.control`: FR-THM-005 AC-2 scopes that token to the five form controls, and a button is identified by its fill, label and focus ring.",
+      "alias": "border.strong",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "button.secondary.borderHover",
+      "cssName": "--cdt-button-secondary-border-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Secondary hover edge.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "button.ghost.background",
+      "cssName": "--cdt-button-ghost-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Ghost has no fill.",
+      "values": {
+        "dark": "transparent",
+        "light": "transparent"
+      }
+    },
+    {
+      "key": "button.ghost.backgroundHover",
+      "cssName": "--cdt-button-ghost-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Ghost hover wash.",
+      "alias": "state.hover",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.055)",
+        "light": "rgba(12, 18, 28, 0.05)"
+      }
+    },
+    {
+      "key": "button.ghost.text",
+      "cssName": "--cdt-button-ghost-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Ghost label.",
+      "alias": "text.muted",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "button.ghost.textHover",
+      "cssName": "--cdt-button-ghost-text-hover",
+      "tier": "component",
+      "usage": "body",
+      "description": "Ghost hover label.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "button.ghost.border",
+      "cssName": "--cdt-button-ghost-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Ghost has no edge.",
+      "values": {
+        "dark": "transparent",
+        "light": "transparent"
+      }
+    },
+    {
+      "key": "button.disabled.background",
+      "cssName": "--cdt-button-disabled-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Disabled fill.",
+      "alias": "state.disabled",
+      "values": {
+        "dark": "#18202c",
+        "light": "#e2e8f0"
+      }
+    },
+    {
+      "key": "button.disabled.text",
+      "cssName": "--cdt-button-disabled-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Disabled label. 5.05:1 on the fill.",
+      "alias": "text.muted",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "button.disabled.border",
+      "cssName": "--cdt-button-disabled-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Disabled edge.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "button.policyDisabled.background",
+      "cssName": "--cdt-button-policy-disabled-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Policy-blocked fill.",
+      "alias": "state.disabledPolicy",
+      "values": {
+        "dark": "#422006",
+        "light": "#fef3c7"
+      }
+    },
+    {
+      "key": "button.policyDisabled.text",
+      "cssName": "--cdt-button-policy-disabled-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Policy-blocked label. 5.27:1 on the dark amber fill (CP-041); `status.danger` would be 3.87:1.",
+      "alias": "meter.exceeded",
+      "values": {
+        "dark": "#f87171",
+        "light": "#b91c1c"
+      }
+    },
+    {
+      "key": "button.policyDisabled.border",
+      "cssName": "--cdt-button-policy-disabled-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Policy-blocked edge.",
+      "alias": "status.danger",
+      "values": {
+        "dark": "#ef4444",
+        "light": "#c81e1e"
+      }
+    },
+    {
+      "key": "button.focusRing",
+      "cssName": "--cdt-button-focus-ring",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Focus indicator.",
+      "alias": "focusRing",
+      "values": {
+        "dark": "0 0 0 3px rgba(109, 124, 255, 0.8)",
+        "light": "0 0 0 3px rgba(79, 91, 213, 0.8)"
+      }
+    },
+    {
+      "key": "card.background",
+      "cssName": "--cdt-card-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card fill.",
+      "alias": "surface.glass",
+      "values": {
+        "dark": "rgba(16, 23, 34, 0.82)",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "card.border",
+      "cssName": "--cdt-card-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card edge.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "card.radius",
+      "cssName": "--cdt-card-radius",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card radius.",
+      "alias": "radius.lg",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "card.radiusCompact",
+      "cssName": "--cdt-card-radius-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card radius below `breakpoint.sm`.",
+      "alias": "radius.md",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "card.padding",
+      "cssName": "--cdt-card-padding",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card padding.",
+      "alias": "space.5",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "card.paddingCompact",
+      "cssName": "--cdt-card-padding-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card padding below `breakpoint.sm`.",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "card.shadow",
+      "cssName": "--cdt-card-shadow",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Card resting shadow.",
+      "alias": "elevation.raised",
+      "values": {
+        "dark": "0 12px 30px rgba(0, 0, 0, 0.18)",
+        "light": "0 12px 30px rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "card.interactive.borderHover",
+      "cssName": "--cdt-card-interactive-border-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Interactive card hover edge.",
+      "alias": "border.strong",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "card.interactive.shadowHover",
+      "cssName": "--cdt-card-interactive-shadow-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Interactive card hover shadow.",
+      "alias": "elevation.hover",
+      "values": {
+        "dark": "0 18px 46px rgba(0, 0, 0, 0.26)",
+        "light": "0 18px 46px rgba(12, 18, 28, 0.12)"
+      }
+    },
+    {
+      "key": "card.interactive.translateHover",
+      "cssName": "--cdt-card-interactive-translate-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Interactive card hover lift.",
+      "values": {
+        "dark": "-2px",
+        "light": "-2px"
+      }
+    },
+    {
+      "key": "card.interactive.transition",
+      "cssName": "--cdt-card-interactive-transition",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Interactive card transition.",
+      "alias": "motion.fast",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "card.grid.minColumn",
+      "cssName": "--cdt-card-grid-min-column",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "`auto-fill` minimum column width.",
+      "values": {
+        "dark": "320px",
+        "light": "320px"
+      }
+    },
+    {
+      "key": "card.grid.minColumnCompact",
+      "cssName": "--cdt-card-grid-min-column-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Minimum column below `breakpoint.lg`.",
+      "values": {
+        "dark": "260px",
+        "light": "260px"
+      }
+    },
+    {
+      "key": "card.grid.gap",
+      "cssName": "--cdt-card-grid-gap",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Grid gap.",
+      "alias": "space.5",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "badge.radius",
+      "cssName": "--cdt-badge-radius",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Pill radius.",
+      "values": {
+        "dark": "9999px",
+        "light": "9999px"
+      }
+    },
+    {
+      "key": "badge.paddingBlock",
+      "cssName": "--cdt-badge-padding-block",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Vertical padding.",
+      "alias": "space.1",
+      "values": {
+        "dark": "4px",
+        "light": "4px"
+      }
+    },
+    {
+      "key": "badge.paddingInline",
+      "cssName": "--cdt-badge-padding-inline",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Horizontal padding.",
+      "values": {
+        "dark": "10px",
+        "light": "10px"
+      }
+    },
+    {
+      "key": "badge.fontSize",
+      "cssName": "--cdt-badge-font-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Label size.",
+      "alias": "font.size.sm",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "badge.lineHeight",
+      "cssName": "--cdt-badge-line-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Label line height.",
+      "alias": "font.lineHeight.sm",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "badge.gap",
+      "cssName": "--cdt-badge-gap",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Gap between icon and label.",
+      "values": {
+        "dark": "6px",
+        "light": "6px"
+      }
+    },
+    {
+      "key": "badge.iconSize",
+      "cssName": "--cdt-badge-icon-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Icon box.",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "badge.fill.text",
+      "cssName": "--cdt-badge-fill-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Label on a status fill. 5.03:1 to 9.87:1.",
+      "alias": "text.inverse",
+      "values": {
+        "dark": "#07111f",
+        "light": "#f4f7fb"
+      }
+    },
+    {
+      "key": "badge.marker.background",
+      "cssName": "--cdt-badge-marker-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Marker-shape background.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "badge.marker.text",
+      "cssName": "--cdt-badge-marker-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Marker-shape label. 15.77:1.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "badge.marker.border",
+      "cssName": "--cdt-badge-marker-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Marker-shape edge.",
+      "alias": "border.strong",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "badge.marker.dotSize",
+      "cssName": "--cdt-badge-marker-dot-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Status dot diameter.",
+      "values": {
+        "dark": "9px",
+        "light": "9px"
+      }
+    },
+    {
+      "key": "badge.marker.dotRing",
+      "cssName": "--cdt-badge-marker-dot-ring",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Marker dot ring.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "badge.marker.dotRingWidth",
+      "cssName": "--cdt-badge-marker-dot-ring-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Marker dot ring width.",
+      "values": {
+        "dark": "2px",
+        "light": "2px"
+      }
+    },
+    {
+      "key": "badge.severity.text",
+      "cssName": "--cdt-badge-severity-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Label on a severity fill. 4.67:1 to 9.32:1.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#f4f7fb"
+      }
+    },
+    {
+      "key": "table.headerText",
+      "cssName": "--cdt-table-header-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Column header text.",
+      "alias": "text.muted",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "table.headerFontSize",
+      "cssName": "--cdt-table-header-font-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Column header size.",
+      "alias": "font.size.base",
+      "values": {
+        "dark": "13px",
+        "light": "13px"
+      }
+    },
+    {
+      "key": "table.headerBorder",
+      "cssName": "--cdt-table-header-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Header rule.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "table.headerBorderWidth",
+      "cssName": "--cdt-table-header-border-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Header rule width.",
+      "values": {
+        "dark": "2px",
+        "light": "2px"
+      }
+    },
+    {
+      "key": "table.cellBorder",
+      "cssName": "--cdt-table-cell-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Row rule. A decorative border is correct here: row separators divide content, they do not identify a component, so WCAG 1.4.11 does not apply.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "table.cellPaddingBlock",
+      "cssName": "--cdt-table-cell-padding-block",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Cell vertical padding.",
+      "alias": "space.4",
+      "values": {
+        "dark": "16px",
+        "light": "16px"
+      }
+    },
+    {
+      "key": "table.cellPaddingInline",
+      "cssName": "--cdt-table-cell-padding-inline",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Cell horizontal padding.",
+      "alias": "space.3",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "table.rowBackgroundHover",
+      "cssName": "--cdt-table-row-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Row hover wash.",
+      "alias": "state.hover",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.055)",
+        "light": "rgba(12, 18, 28, 0.05)"
+      }
+    },
+    {
+      "key": "table.rowTransition",
+      "cssName": "--cdt-table-row-transition",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Row hover transition.",
+      "alias": "motion.fast",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "table.linkText",
+      "cssName": "--cdt-table-link-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "In-cell link.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "table.linkTextHover",
+      "cssName": "--cdt-table-link-text-hover",
+      "tier": "component",
+      "usage": "body",
+      "description": "In-cell link hover.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "table.numFontFamily",
+      "cssName": "--cdt-table-num-font-family",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Numeric cell font.",
+      "alias": "font.mono",
+      "values": {
+        "dark": "'JetBrains Mono', ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace",
+        "light": "'JetBrains Mono', ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace"
+      }
+    },
+    {
+      "key": "table.scrollBreakpoint",
+      "cssName": "--cdt-table-scroll-breakpoint",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Below this, the table scrolls.",
+      "alias": "breakpoint.md",
+      "values": {
+        "dark": "800px",
+        "light": "800px"
+      }
+    },
+    {
+      "key": "timeline.background",
+      "cssName": "--cdt-timeline-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Timeline fill.",
+      "alias": "surface.timeline",
+      "values": {
+        "dark": "#0d141f",
+        "light": "#f1f4f8"
+      }
+    },
+    {
+      "key": "timeline.border",
+      "cssName": "--cdt-timeline-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Timeline edge.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "timeline.stepBackgroundHover",
+      "cssName": "--cdt-timeline-step-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Interactive step hover fill.",
+      "alias": "state.hover",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.055)",
+        "light": "rgba(12, 18, 28, 0.05)"
+      }
+    },
+    {
+      "key": "timeline.markerBackground",
+      "cssName": "--cdt-timeline-marker-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Default marker fill.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "timeline.markerRing",
+      "cssName": "--cdt-timeline-marker-ring",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Default marker glow.",
+      "alias": "accent.glow",
+      "values": {
+        "dark": "rgba(109, 124, 255, 0.28)",
+        "light": "rgba(79, 91, 213, 0.22)"
+      }
+    },
+    {
+      "key": "timeline.markerBorder",
+      "cssName": "--cdt-timeline-marker-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Marker ring edge.",
+      "alias": "surface.timeline",
+      "values": {
+        "dark": "#0d141f",
+        "light": "#f1f4f8"
+      }
+    },
+    {
+      "key": "codeBlock.background",
+      "cssName": "--cdt-code-block-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Code block fill.",
+      "alias": "surface.timeline",
+      "values": {
+        "dark": "#0d141f",
+        "light": "#f1f4f8"
+      }
+    },
+    {
+      "key": "codeBlock.border",
+      "cssName": "--cdt-code-block-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Code block edge.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "codeBlock.text",
+      "cssName": "--cdt-code-block-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Code block text.",
+      "alias": "text.monoPayload",
+      "values": {
+        "dark": "#dce6f3",
+        "light": "#1b2537"
+      }
+    },
+    {
+      "key": "kbd.background",
+      "cssName": "--cdt-kbd-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Keycap fill.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "kbd.border",
+      "cssName": "--cdt-kbd-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Keycap edge.",
+      "alias": "border.default",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.18)",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "kbd.borderBottom",
+      "cssName": "--cdt-kbd-border-bottom",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Keycap lower edge.",
+      "alias": "border.strong",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "kbd.text",
+      "cssName": "--cdt-kbd-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Keycap text.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "banner.info.background",
+      "cssName": "--cdt-banner-info-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Info banner surface.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "banner.info.border",
+      "cssName": "--cdt-banner-info-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Info banner edge.",
+      "alias": "status.running",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "banner.info.text",
+      "cssName": "--cdt-banner-info-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Info banner body text.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "banner.warning.background",
+      "cssName": "--cdt-banner-warning-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Warning banner surface.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "banner.warning.border",
+      "cssName": "--cdt-banner-warning-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Warning banner edge.",
+      "alias": "status.waiting",
+      "values": {
+        "dark": "#f59e0b",
+        "light": "#b45309"
+      }
+    },
+    {
+      "key": "banner.warning.text",
+      "cssName": "--cdt-banner-warning-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Warning banner body text.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "banner.danger.background",
+      "cssName": "--cdt-banner-danger-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Danger banner surface.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "banner.danger.border",
+      "cssName": "--cdt-banner-danger-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Danger banner edge.",
+      "alias": "status.danger",
+      "values": {
+        "dark": "#ef4444",
+        "light": "#c81e1e"
+      }
+    },
+    {
+      "key": "banner.danger.text",
+      "cssName": "--cdt-banner-danger-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Danger banner body text.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "emptyState.titleText",
+      "cssName": "--cdt-empty-state-title-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Empty-state title.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "emptyState.descriptionText",
+      "cssName": "--cdt-empty-state-description-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Empty-state description.",
+      "alias": "text.muted",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "emptyState.padding",
+      "cssName": "--cdt-empty-state-padding",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Empty-state padding.",
+      "alias": "space.6",
+      "values": {
+        "dark": "32px",
+        "light": "32px"
+      }
+    },
+    {
+      "key": "feedbackMeter.trackBackground",
+      "cssName": "--cdt-feedback-meter-track-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Meter track.",
+      "alias": "surface.track",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.05)",
+        "light": "rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "feedbackMeter.fillNormal",
+      "cssName": "--cdt-feedback-meter-fill-normal",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Normal meter fill.",
+      "alias": "meter.normal",
+      "values": {
+        "dark": "#34d399",
+        "light": "#047857"
+      }
+    },
+    {
+      "key": "feedbackMeter.fillWarning",
+      "cssName": "--cdt-feedback-meter-fill-warning",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Warning meter fill.",
+      "alias": "meter.warning",
+      "values": {
+        "dark": "#fbbf24",
+        "light": "#b45309"
+      }
+    },
+    {
+      "key": "feedbackMeter.fillExceeded",
+      "cssName": "--cdt-feedback-meter-fill-exceeded",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Exceeded meter fill.",
+      "alias": "meter.exceeded",
+      "values": {
+        "dark": "#f87171",
+        "light": "#dc2626"
+      }
+    },
+    {
+      "key": "feedbackMeter.height",
+      "cssName": "--cdt-feedback-meter-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Meter track height.",
+      "values": {
+        "dark": "8px",
+        "light": "8px"
+      }
+    },
+    {
+      "key": "progressRing.trackStroke",
+      "cssName": "--cdt-progress-ring-track-stroke",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Progress-ring track.",
+      "alias": "surface.track",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.05)",
+        "light": "rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "progressRing.indicatorStroke",
+      "cssName": "--cdt-progress-ring-indicator-stroke",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Progress-ring indicator.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "progressRing.labelText",
+      "cssName": "--cdt-progress-ring-label-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Progress-ring label.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "progressRing.size",
+      "cssName": "--cdt-progress-ring-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Medium progress-ring diameter.",
+      "values": {
+        "dark": "64px",
+        "light": "64px"
+      }
+    },
+    {
+      "key": "progressRing.sizeCompact",
+      "cssName": "--cdt-progress-ring-size-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Small progress-ring diameter.",
+      "values": {
+        "dark": "40px",
+        "light": "40px"
+      }
+    },
+    {
+      "key": "spinner.trackStroke",
+      "cssName": "--cdt-spinner-track-stroke",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Spinner track.",
+      "alias": "surface.track",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.05)",
+        "light": "rgba(12, 18, 28, 0.08)"
+      }
+    },
+    {
+      "key": "spinner.indicatorStroke",
+      "cssName": "--cdt-spinner-indicator-stroke",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Spinner indicator.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "spinner.size",
+      "cssName": "--cdt-spinner-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Medium spinner diameter.",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "spinner.sizeCompact",
+      "cssName": "--cdt-spinner-size-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Small spinner diameter.",
+      "values": {
+        "dark": "16px",
+        "light": "16px"
+      }
+    },
+    {
+      "key": "input.minHeight",
+      "cssName": "--cdt-input-min-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Minimum target height.",
+      "values": {
+        "dark": "40px",
+        "light": "40px"
+      }
+    },
+    {
+      "key": "input.minHeightCompact",
+      "cssName": "--cdt-input-min-height-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Minimum height below `breakpoint.sm`.",
+      "values": {
+        "dark": "42px",
+        "light": "42px"
+      }
+    },
+    {
+      "key": "input.background",
+      "cssName": "--cdt-input-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field fill.",
+      "alias": "surface.base",
+      "values": {
+        "dark": "#080b12",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "input.backgroundFocus",
+      "cssName": "--cdt-input-background-focus",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Focused field fill.",
+      "alias": "surface.canvas",
+      "values": {
+        "dark": "#0b101a",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "input.text",
+      "cssName": "--cdt-input-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Field value.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "input.placeholder",
+      "cssName": "--cdt-input-placeholder",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Placeholder. `text.faint` is allowed here and the dark field sits on `surface.base`, so the combination FR-THM-005 AC-3 forbids never renders.",
+      "alias": "text.faint",
+      "values": {
+        "dark": "#5f6d80",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "input.border",
+      "cssName": "--cdt-input-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field edge. 3.23:1 on `surface.raised`.",
+      "alias": "border.control",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.6)",
+        "light": "#64748b"
+      }
+    },
+    {
+      "key": "input.borderHover",
+      "cssName": "--cdt-input-border-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Hovered field edge.",
+      "alias": "border.control",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.6)",
+        "light": "#64748b"
+      }
+    },
+    {
+      "key": "input.borderFocus",
+      "cssName": "--cdt-input-border-focus",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Focused field edge.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "input.borderInvalid",
+      "cssName": "--cdt-input-border-invalid",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Invalid field edge.",
+      "alias": "status.danger",
+      "values": {
+        "dark": "#ef4444",
+        "light": "#c81e1e"
+      }
+    },
+    {
+      "key": "input.radius",
+      "cssName": "--cdt-input-radius",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field radius.",
+      "alias": "radius.sm",
+      "values": {
+        "dark": "9px",
+        "light": "9px"
+      }
+    },
+    {
+      "key": "input.paddingBlock",
+      "cssName": "--cdt-input-padding-block",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field vertical padding.",
+      "values": {
+        "dark": "9px",
+        "light": "9px"
+      }
+    },
+    {
+      "key": "input.paddingInline",
+      "cssName": "--cdt-input-padding-inline",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field horizontal padding.",
+      "alias": "space.3",
+      "values": {
+        "dark": "12px",
+        "light": "12px"
+      }
+    },
+    {
+      "key": "input.focusRing",
+      "cssName": "--cdt-input-focus-ring",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Focus indicator.",
+      "alias": "focusRing",
+      "values": {
+        "dark": "0 0 0 3px rgba(109, 124, 255, 0.8)",
+        "light": "0 0 0 3px rgba(79, 91, 213, 0.8)"
+      }
+    },
+    {
+      "key": "input.label.text",
+      "cssName": "--cdt-input-label-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Field label with stronger hierarchy.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "input.label.fontSize",
+      "cssName": "--cdt-input-label-font-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field label size.",
+      "alias": "font.size.base",
+      "values": {
+        "dark": "13px",
+        "light": "13px"
+      }
+    },
+    {
+      "key": "input.error.text",
+      "cssName": "--cdt-input-error-text",
+      "tier": "component",
+      "usage": "body",
+      "description": "Field error message.",
+      "alias": "status.danger",
+      "values": {
+        "dark": "#ef4444",
+        "light": "#c81e1e"
+      }
+    },
+    {
+      "key": "input.transition",
+      "cssName": "--cdt-input-transition",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Field transition.",
+      "alias": "motion.fast",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "overlay.scrim",
+      "cssName": "--cdt-overlay-scrim",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Backdrop behind Dialog and Drawer.",
+      "alias": "surface.overlay",
+      "values": {
+        "dark": "rgba(4, 7, 12, 0.78)",
+        "light": "rgba(12, 18, 28, 0.45)"
+      }
+    },
+    {
+      "key": "overlay.scrimBlur",
+      "cssName": "--cdt-overlay-scrim-blur",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Backdrop blur radius.",
+      "values": {
+        "dark": "4px",
+        "light": "4px"
+      }
+    },
+    {
+      "key": "overlay.scrimZ",
+      "cssName": "--cdt-overlay-scrim-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Backdrop stacking layer.",
+      "alias": "z.overlay",
+      "values": {
+        "dark": "40",
+        "light": "40"
+      }
+    },
+    {
+      "key": "overlay.background",
+      "cssName": "--cdt-overlay-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay panel fill.",
+      "alias": "surface.glass",
+      "values": {
+        "dark": "rgba(16, 23, 34, 0.82)",
+        "light": "#ffffff"
+      }
+    },
+    {
+      "key": "overlay.backgroundBlur",
+      "cssName": "--cdt-overlay-background-blur",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay panel backdrop blur.",
+      "values": {
+        "dark": "16px",
+        "light": "0px"
+      }
+    },
+    {
+      "key": "overlay.border",
+      "cssName": "--cdt-overlay-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay panel edge.",
+      "alias": "border.strong",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.3)",
+        "light": "#5b6879"
+      }
+    },
+    {
+      "key": "overlay.radius",
+      "cssName": "--cdt-overlay-radius",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay panel radius.",
+      "alias": "radius.lg",
+      "values": {
+        "dark": "18px",
+        "light": "18px"
+      }
+    },
+    {
+      "key": "overlay.shadow",
+      "cssName": "--cdt-overlay-shadow",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay panel shadow.",
+      "alias": "elevation.overlay",
+      "values": {
+        "dark": "0 24px 64px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(148, 163, 184, 0.3)",
+        "light": "0 24px 64px rgba(12, 18, 28, 0.2), 0 0 0 1px #5b6879"
+      }
+    },
+    {
+      "key": "overlay.contentZ",
+      "cssName": "--cdt-overlay-content-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Tooltip, menu and select content layer.",
+      "alias": "z.popover",
+      "values": {
+        "dark": "50",
+        "light": "50"
+      }
+    },
+    {
+      "key": "overlay.drawerZ",
+      "cssName": "--cdt-overlay-drawer-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Drawer panel layer.",
+      "alias": "z.drawer",
+      "values": {
+        "dark": "30",
+        "light": "30"
+      }
+    },
+    {
+      "key": "overlay.drawerBackground",
+      "cssName": "--cdt-overlay-drawer-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Drawer panel fill.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "overlay.drawerWidth",
+      "cssName": "--cdt-overlay-drawer-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Drawer panel width.",
+      "values": {
+        "dark": "500px",
+        "light": "500px"
+      }
+    },
+    {
+      "key": "overlay.enter",
+      "cssName": "--cdt-overlay-enter",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay entrance.",
+      "alias": "motion.standard",
+      "values": {
+        "dark": "240ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "240ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "overlay.exit",
+      "cssName": "--cdt-overlay-exit",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Overlay exit.",
+      "alias": "motion.fast",
+      "values": {
+        "dark": "140ms cubic-bezier(0.2, 0, 0, 1)",
+        "light": "140ms cubic-bezier(0.2, 0, 0, 1)"
+      }
+    },
+    {
+      "key": "page.headingSize",
+      "cssName": "--cdt-page-heading-size",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Responsive page heading size, derived from `font.size.xl` (× 1.2 and × 1.6).",
+      "values": {
+        "dark": "clamp(24px, 3vw, 32px)",
+        "light": "clamp(24px, 3vw, 32px)"
+      }
+    },
+    {
+      "key": "page.headingLineHeight",
+      "cssName": "--cdt-page-heading-line-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "The only unitless line height: `clamp()` makes a px value impossible here.",
+      "values": {
+        "dark": "1.16",
+        "light": "1.16"
+      }
+    },
+    {
+      "key": "page.stackGap",
+      "cssName": "--cdt-page-stack-gap",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Gap between page sections.",
+      "alias": "space.6",
+      "values": {
+        "dark": "32px",
+        "light": "32px"
+      }
+    },
+    {
+      "key": "page.stackGapCompact",
+      "cssName": "--cdt-page-stack-gap-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Section gap below `breakpoint.sm`.",
+      "alias": "space.5",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "page.contentStackGap",
+      "cssName": "--cdt-page-content-stack-gap",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Gap inside a content stack.",
+      "alias": "space.5",
+      "values": {
+        "dark": "24px",
+        "light": "24px"
+      }
+    },
+    {
+      "key": "page.splitBreakpoint",
+      "cssName": "--cdt-page-split-breakpoint",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Below this, a split layout stacks.",
+      "alias": "breakpoint.md",
+      "values": {
+        "dark": "800px",
+        "light": "800px"
+      }
+    },
+    {
+      "key": "page.splitAsideWidth",
+      "cssName": "--cdt-page-split-aside-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Split layout aside track.",
+      "values": {
+        "dark": "minmax(280px, 340px)",
+        "light": "minmax(280px, 340px)"
+      }
+    },
+    {
+      "key": "page.shellNavWidth",
+      "cssName": "--cdt-page-shell-nav-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "App shell navigation width.",
+      "values": {
+        "dark": "272px",
+        "light": "272px"
+      }
+    },
+    {
+      "key": "page.shellNavWidthCompact",
+      "cssName": "--cdt-page-shell-nav-width-compact",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation width below `breakpoint.lg`.",
+      "values": {
+        "dark": "232px",
+        "light": "232px"
+      }
+    },
+    {
+      "key": "page.topbarZ",
+      "cssName": "--cdt-page-topbar-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Top bar stacking layer.",
+      "alias": "z.sticky",
+      "values": {
+        "dark": "20",
+        "light": "20"
+      }
+    },
+    {
+      "key": "page.navZ",
+      "cssName": "--cdt-page-nav-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation stacking layer.",
+      "alias": "z.drawer",
+      "values": {
+        "dark": "30",
+        "light": "30"
+      }
+    },
+    {
+      "key": "page.skipLinkZ",
+      "cssName": "--cdt-page-skip-link-z",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Skip link stacking layer.",
+      "alias": "z.popover",
+      "values": {
+        "dark": "50",
+        "light": "50"
+      }
+    },
+    {
+      "key": "appShell.navWidth",
+      "cssName": "--cdt-app-shell-nav-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "AppShell desktop navigation width.",
+      "alias": "page.shellNavWidth",
+      "values": {
+        "dark": "272px",
+        "light": "272px"
+      }
+    },
+    {
+      "key": "appShell.mainMaxWidth",
+      "cssName": "--cdt-app-shell-main-max-width",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "AppShell main content maximum width.",
+      "values": {
+        "dark": "1480px",
+        "light": "1480px"
+      }
+    },
+    {
+      "key": "appShell.overlayBackground",
+      "cssName": "--cdt-app-shell-overlay-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Mobile navigation scrim.",
+      "alias": "surface.overlay",
+      "values": {
+        "dark": "rgba(4, 7, 12, 0.78)",
+        "light": "rgba(12, 18, 28, 0.45)"
+      }
+    },
+    {
+      "key": "skipLink.background",
+      "cssName": "--cdt-skip-link-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Skip-link fill.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "skipLink.text",
+      "cssName": "--cdt-skip-link-text",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Skip-link label.",
+      "alias": "text.inverse",
+      "values": {
+        "dark": "#07111f",
+        "light": "#f4f7fb"
+      }
+    },
+    {
+      "key": "navList.background",
+      "cssName": "--cdt-nav-list-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation surface.",
+      "alias": "surface.raised",
+      "values": {
+        "dark": "#141d2a",
+        "light": "#fbfcfd"
+      }
+    },
+    {
+      "key": "navList.border",
+      "cssName": "--cdt-nav-list-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation surface edge.",
+      "alias": "border.subtle",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.1)",
+        "light": "#e2e8f0"
+      }
+    },
+    {
+      "key": "navItem.text",
+      "cssName": "--cdt-nav-item-text",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation item label.",
+      "alias": "text.muted",
+      "values": {
+        "dark": "#8290a3",
+        "light": "#4d5a6e"
+      }
+    },
+    {
+      "key": "navItem.textActive",
+      "cssName": "--cdt-nav-item-text-active",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Active navigation item label.",
+      "alias": "text.primary",
+      "values": {
+        "dark": "#f4f7fb",
+        "light": "#0c121c"
+      }
+    },
+    {
+      "key": "navItem.backgroundHover",
+      "cssName": "--cdt-nav-item-background-hover",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation item hover wash.",
+      "alias": "state.hover",
+      "values": {
+        "dark": "rgba(255, 255, 255, 0.055)",
+        "light": "rgba(12, 18, 28, 0.05)"
+      }
+    },
+    {
+      "key": "navItem.backgroundActive",
+      "cssName": "--cdt-nav-item-background-active",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Active navigation item wash.",
+      "alias": "state.selected",
+      "values": {
+        "dark": "rgba(109, 124, 255, 0.16)",
+        "light": "rgba(79, 91, 213, 0.12)"
+      }
+    },
+    {
+      "key": "navItem.indicator",
+      "cssName": "--cdt-nav-item-indicator",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Active navigation item indicator.",
+      "alias": "accent.DEFAULT",
+      "values": {
+        "dark": "#6d7cff",
+        "light": "#4f5bd5"
+      }
+    },
+    {
+      "key": "navSectionLabel.text",
+      "cssName": "--cdt-nav-section-label-text",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation section label.",
+      "alias": "text.faint",
+      "values": {
+        "dark": "#5f6d80",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "font.weight.sectionLabel",
+      "cssName": "--cdt-font-weight-section-label",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "Navigation section label weight.",
+      "values": {
+        "dark": "700",
+        "light": "700"
+      }
+    },
+    {
+      "key": "topBar.background",
+      "cssName": "--cdt-top-bar-background",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "TopBar glass surface.",
+      "alias": "surface.glass",
+      "values": {
+        "dark": "rgba(16, 23, 34, 0.82)",
+        "light": "rgba(251, 252, 253, 0.86)"
+      }
+    },
+    {
+      "key": "topBar.border",
+      "cssName": "--cdt-top-bar-border",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "TopBar lower edge.",
+      "alias": "border.subtle",
+      "values": {
+        "dark": "rgba(148, 163, 184, 0.1)",
+        "light": "#e2e8f0"
+      }
+    },
+    {
+      "key": "topBar.eyebrowText",
+      "cssName": "--cdt-top-bar-eyebrow-text",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "TopBar eyebrow label.",
+      "alias": "text.faint",
+      "values": {
+        "dark": "#5f6d80",
+        "light": "#6b788c"
+      }
+    },
+    {
+      "key": "topBar.titleText",
+      "cssName": "--cdt-top-bar-title-text",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "TopBar context title.",
+      "alias": "text.secondary",
+      "values": {
+        "dark": "#c5cfdd",
+        "light": "#33415a"
+      }
+    },
+    {
+      "key": "topBar.minHeight",
+      "cssName": "--cdt-top-bar-min-height",
+      "tier": "component",
+      "usage": "decorative",
+      "description": "TopBar minimum height.",
+      "values": {
+        "dark": "68px",
+        "light": "68px"
+      }
+    }
+  ]
+}