npm - @plumile/ui - Versions diffs - 0.1.144 → 0.1.146 - Mend

@plumile/ui 0.1.144 → 0.1.146

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

Files changed (237) hide show

package/lib/types/theme/sprinkles.css.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
 export declare const sprinkles: ((props: {
-    backgroundColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    backgroundColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     background?: "gradient" | "ellipseGradient" | "linearGradient" | "verticalLinearGradient" | {
         lightMode?: "gradient" | "ellipseGradient" | "linearGradient" | "verticalLinearGradient" | undefined;
         darkMode?: "gradient" | "ellipseGradient" | "linearGradient" | "verticalLinearGradient" | undefined;
     } | undefined;
-    color?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    color?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     grayscale?: 0 | "default" | {
         lightMode?: 0 | "default" | undefined;
@@ -19,29 +19,29 @@ export declare const sprinkles: ((props: {
         lightMode?: 0 | 5 | 10 | 20 | 30 | 40 | 60 | 80 | 90 | 25 | 35 | 50 | 70 | 75 | 95 | 100 | undefined;
         darkMode?: 0 | 5 | 10 | 20 | 30 | 40 | 60 | 80 | 90 | 25 | 35 | 50 | 70 | 75 | 95 | 100 | undefined;
     } | undefined;
-    outlineColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    outlineColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     sepia?: 0 | "default" | {
         lightMode?: 0 | "default" | undefined;
         darkMode?: 0 | "default" | undefined;
     } | undefined;
-    stroke?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    stroke?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "none" | "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
-    textColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    textColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | {
         lightMode?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
         darkMode?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
     } | undefined;
-    textDecorationColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    textDecorationColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        lightMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        darkMode?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     textOpacity?: 0 | 5 | 10 | 20 | 30 | 40 | 60 | 80 | 90 | 25 | 35 | 50 | 70 | 75 | 95 | 100 | {
         lightMode?: 0 | 5 | 10 | 20 | 30 | 40 | 60 | 80 | 90 | 25 | 35 | 50 | 70 | 75 | 95 | 100 | undefined;
@@ -131,20 +131,20 @@ export declare const sprinkles: ((props: {
         max1199?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | undefined;
         min1200?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | undefined;
     } | undefined;
-    borderColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    borderColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     borderWidth?: 0 | "default" | "full" | "auto" | "px" | "-px" | "-108" | "-102" | "-96" | "-88" | "-80" | "-72" | "-64" | "-60" | "-56" | "-52" | "-48" | "-44" | "-40" | "-36" | "-34" | "-32" | "-30" | "-28" | "-24" | "-20" | "-19" | "-17.5" | "-16" | "-15" | "-14" | "-13" | "-12" | "-11" | "-10" | "-9" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3.5" | "-3" | "-2.5" | "-2" | "-1.5" | "-1" | "-0.5" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17.5 | 18 | 18.5 | 19 | 20 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 88 | 96 | 102 | 108 | 112 | 120 | {
         base?: 0 | "default" | "full" | "auto" | "px" | "-px" | "-108" | "-102" | "-96" | "-88" | "-80" | "-72" | "-64" | "-60" | "-56" | "-52" | "-48" | "-44" | "-40" | "-36" | "-34" | "-32" | "-30" | "-28" | "-24" | "-20" | "-19" | "-17.5" | "-16" | "-15" | "-14" | "-13" | "-12" | "-11" | "-10" | "-9" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3.5" | "-3" | "-2.5" | "-2" | "-1.5" | "-1" | "-0.5" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17.5 | 18 | 18.5 | 19 | 20 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 88 | 96 | 102 | 108 | 112 | 120 | undefined;
@@ -251,65 +251,65 @@ export declare const sprinkles: ((props: {
         max1199?: "none" | undefined;
         min1200?: "none" | undefined;
     } | undefined;
-    borderTopColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-    } | undefined;
-    borderRightColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-    } | undefined;
-    borderBottomColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-    } | undefined;
-    borderLeftColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    borderTopColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    } | undefined;
+    borderRightColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    } | undefined;
+    borderBottomColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    } | undefined;
+    borderLeftColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        base?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        sm?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        md?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        lg?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        xxl?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max767?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min768?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        tabletOnly?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max900?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1023?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        max1199?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        min1200?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     borderTopWidth?: 0 | "default" | "full" | "auto" | "px" | "-px" | "-108" | "-102" | "-96" | "-88" | "-80" | "-72" | "-64" | "-60" | "-56" | "-52" | "-48" | "-44" | "-40" | "-36" | "-34" | "-32" | "-30" | "-28" | "-24" | "-20" | "-19" | "-17.5" | "-16" | "-15" | "-14" | "-13" | "-12" | "-11" | "-10" | "-9" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3.5" | "-3" | "-2.5" | "-2" | "-1.5" | "-1" | "-0.5" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17.5 | 18 | 18.5 | 19 | 20 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 88 | 96 | 102 | 108 | 112 | 120 | {
         base?: 0 | "default" | "full" | "auto" | "px" | "-px" | "-108" | "-102" | "-96" | "-88" | "-80" | "-72" | "-64" | "-60" | "-56" | "-52" | "-48" | "-44" | "-40" | "-36" | "-34" | "-32" | "-30" | "-28" | "-24" | "-20" | "-19" | "-17.5" | "-16" | "-15" | "-14" | "-13" | "-12" | "-11" | "-10" | "-9" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3.5" | "-3" | "-2.5" | "-2" | "-1.5" | "-1" | "-0.5" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17.5 | 18 | 18.5 | 19 | 20 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 88 | 96 | 102 | 108 | 112 | 120 | undefined;
@@ -1770,13 +1770,13 @@ export declare const sprinkles: ((props: {
     properties: Set<"animation" | "background" | "border" | "backgroundImage" | "borderRadius" | "borderSpacing" | "borderWidth" | "boxShadow" | "dropShadow" | "grayscale" | "hueRotate" | "invert" | "flex" | "flexBasis" | "flexGrow" | "flexShrink" | "fontFamily" | "fontSize" | "fontWeight" | "gridAutoColumns" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnStart" | "gridRow" | "gridRowStart" | "gridRowEnd" | "gridTemplateColumns" | "gridTemplateRows" | "left" | "top" | "height" | "inset" | "transform" | "opacity" | "letterSpacing" | "wordSpacing" | "lineHeight" | "listStyleType" | "margin" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectPosition" | "bottom" | "right" | "order" | "outlineOffset" | "outlineWidth" | "rotate" | "scale" | "sepia" | "skew" | "borderColor" | "scrollbarColor" | "stroke" | "strokeWidth" | "textDecorationThickness" | "textUnderlineOffset" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "all" | "gap" | "width" | "transitionTimingFunction" | "zIndex" | "alignItems" | "alignSelf" | "appearance" | "aspectRatio" | "backgroundColor" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderCollapse" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "color" | "columnGap" | "containerType" | "cursor" | "display" | "filter" | "flexDirection" | "flexWrap" | "fontStyle" | "fontVariantNumeric" | "justifyContent" | "justifyItems" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "objectFit" | "outlineColor" | "outlineStyle" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "resize" | "rowGap" | "scrollMarginTop" | "scrollbarGutter" | "scrollbarWidth" | "textAlign" | "textDecorationColor" | "textIndent" | "textOverflow" | "textTransform" | "transformOrigin" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "willChange" | "wordBreak" | "borderBottom" | "borderLeft" | "borderRight" | "borderStyle" | "borderTop" | "font" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "scrollMargin" | "scrollPadding" | "textDecoration" | "msOverflowStyle" | "clip" | "arrows" | "placeHolder" | "scrollBar" | "marginX" | "marginY" | "paddingX" | "paddingY" | "textColor" | "textOpacity">;
 };
 export declare const hoverSprinkles: ((props: {
-    backgroundColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        default?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    backgroundColor?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        default?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
-    color?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
-        default?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+    color?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | {
+        default?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     transform?: 0 | "none" | "left" | "center" | "right" | "press" | "lift" | "y0" | "centerY" | 100 | 200 | {
         default?: 0 | "none" | "left" | "center" | "right" | "press" | "lift" | "y0" | "centerY" | 100 | 200 | undefined;
@@ -1803,24 +1803,24 @@ export declare const firstChildSprinkles: ((props: {
 };
 export declare const stateSprinkles: ((props: {
     backgroundColor?: {
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     borderColor?: {
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     boxShadow?: {
         hover?: "sm" | "md" | "lg" | "xl" | "none" | "default" | "2xl" | "inkSoft" | "inkGlow" | "brandGlow" | "brandCardGlow" | "authCardGlow" | "profileDropdownShadow" | "badgeInset" | "badgeDotRing" | "primaryInsetRing" | "primaryLightRing" | "primaryLightRingStrong" | "focusRing" | "focusRingError" | "focusRingBrand" | "interactiveHover" | "interactivePressed" | "successLightRing" | "sidebarActiveInset" | "metricPrimaryAccent" | "metricInfoAccent" | "metricSuccessAccent" | "metricWarningAccent" | "metricDangerAccent" | "inner" | undefined;
@@ -1833,14 +1833,14 @@ export declare const stateSprinkles: ((props: {
         disabled?: "sm" | "md" | "lg" | "xl" | "none" | "default" | "2xl" | "inkSoft" | "inkGlow" | "brandGlow" | "brandCardGlow" | "authCardGlow" | "profileDropdownShadow" | "badgeInset" | "badgeDotRing" | "primaryInsetRing" | "primaryLightRing" | "primaryLightRingStrong" | "focusRing" | "focusRingError" | "focusRingBrand" | "interactiveHover" | "interactivePressed" | "successLightRing" | "sidebarActiveInset" | "metricPrimaryAccent" | "metricInfoAccent" | "metricSuccessAccent" | "metricWarningAccent" | "metricDangerAccent" | "inner" | undefined;
     } | undefined;
     color?: {
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     cursor?: {
         hover?: "none" | "text" | "default" | "auto" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "copy" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "move" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "not-allowed" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "progress" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | undefined;
@@ -1883,14 +1883,14 @@ export declare const stateSprinkles: ((props: {
         disabled?: "none" | "focus" | undefined;
     } | undefined;
     outlineColor?: {
-        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
-        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hover?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hoverNotDisabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        active?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focus?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        focusWithin?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        hasFocusVisible?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
+        disabled?: "inherit" | "current" | "transparent" | "black" | "white" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "blue-50" | "blue-100" | "blue-200" | "blue-250" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "white-500" | "transparent-500" | "transparent-125" | "black-440" | "black-300" | "black-200" | "black-100" | "black-10" | "black-2" | "primary" | "primaryLight" | "secondary" | "secondaryHover" | "secondaryLight" | "surface" | "surfaceSecondary" | "surfaceMuted" | "surfaceElevated" | "background" | "backgroundSecondary" | "backgroundTertiary" | "backgroundModifier" | "text" | "textSecondary" | "textMuted" | "controlSurface" | "controlSurfaceHover" | "controlSurfaceDisabled" | "controlBorder" | "controlText" | "controlPlaceholder" | "overlayBackdrop" | "tableHeaderAccent" | "tableRowHoverSurface" | "tableRowSelectedSurface" | "tableRowDangerSurface" | "codeSurface" | "codeText" | "codeToolbarSurface" | "shimmerHighlight" | "border" | "borderSubtle" | "borderStrong" | "borderLight" | "tonePrimarySurface" | "tonePrimaryText" | "tonePrimaryBorder" | "toneInfoSurface" | "toneInfoText" | "toneInfoBorder" | "toneSuccessSurface" | "toneSuccessText" | "toneSuccessBorder" | "toneWarningSurface" | "toneWarningText" | "toneWarningBorder" | "toneDangerSurface" | "toneDangerText" | "toneDangerBorder" | "onPrimary" | "onAccent" | "onBrand" | "brandSubtleSurface" | "brandSubtleBorder" | "avatarSurface" | "avatarText" | "timelineFadeSurface" | "error" | "error-8" | "error-10" | "error-12" | "error-35" | "success" | "successLight" | "warning" | "warningLight" | "info" | "infoLight" | "brandPrimaryRed" | "brandSecondaryOrange" | "brandSecondaryOrange-10" | "brandSecondaryOrange-20" | "accent" | "brandWhite" | "brandLightGray" | "brandDarkGray" | "brandBackgroundGradient" | undefined;
     } | undefined;
     outlineOffset?: {
         hover?: 0 | 1 | 2 | 4 | 8 | undefined;