@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 1.04 MB
JSON
{"--dt-size-border-focus":{"dp-light":{"value":"0.3rem"},"dp-dark":{"value":"0.3rem"},"tmo-light":{"value":"0.3rem"},"tmo-dark":{"value":"0.3rem"},"deca-light":{"value":"0.3rem"},"expressive-light":{"value":"0.3rem"},"expressive-dark":{"value":"0.3rem"},"expressive-sm-light":{"value":"0.3rem"},"expressive-sm-dark":{"value":"0.3rem"},"deca-dark":{"value":"0.3rem"}},"--dt-color-foreground-primary":{"dp-light":{"value":"#1C1C1C","description":"Default text color throughout the UI."},"dp-dark":{"value":"#E6E6E6","description":"Default text color throughout the UI."},"tmo-light":{"value":"#1C1C1C","description":"Default text color throughout the UI."},"tmo-dark":{"value":"#E6E6E6","description":"Default text color throughout the UI."},"deca-light":{"value":"#1D1C1B"},"expressive-light":{"value":"#1C1C1C","description":"Default text color throughout the UI."},"expressive-dark":{"value":"#E6E6E6","description":"Default text color throughout the UI."},"expressive-sm-light":{"value":"#1C1C1C","description":"Default text color throughout the UI."},"expressive-sm-dark":{"value":"#E6E6E6","description":"Default text color throughout the UI."},"deca-dark":{"value":"#E0DCD9"}},"--dt-color-foreground-secondary":{"dp-light":{"value":"#3A3A3A","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"dp-dark":{"value":"#c7c7c7","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"tmo-light":{"value":"#3A3A3A","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"tmo-dark":{"value":"#c7c7c7","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"deca-light":{"value":"#3F3D3C"},"expressive-light":{"value":"#3A3A3A","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"expressive-dark":{"value":"#c7c7c7","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"expressive-sm-light":{"value":"#3A3A3A","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"expressive-sm-dark":{"value":"#c7c7c7","description":"Example uses include introduction paragraphs, labels, and descriptions paired with form elements."},"deca-dark":{"value":"#AAA4A1"}},"--dt-color-foreground-tertiary":{"dp-light":{"value":"#535353","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"dp-dark":{"value":"#B0B0B0","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"tmo-light":{"value":"#535353","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"tmo-dark":{"value":"#B0B0B0","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"deca-light":{"value":"#635F5D"},"expressive-light":{"value":"#535353","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"expressive-dark":{"value":"#B0B0B0","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"expressive-sm-light":{"value":"#535353","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"expressive-sm-dark":{"value":"#B0B0B0","description":"Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels."},"deca-dark":{"value":"#87807B"}},"--dt-color-foreground-muted":{"dp-light":{"value":"hsl(0 0% 0% / 0.5)"},"dp-dark":{"value":"hsl(0 0% 83.1% / 0.65)"},"tmo-light":{"value":"hsl(0 0% 0% / 0.5)"},"tmo-dark":{"value":"hsl(0 0% 83.1% / 0.65)"},"deca-light":{"value":"hsl(30 10% 3.92% / 0.55)"},"expressive-light":{"value":"hsl(0 0% 0% / 0.5)"},"expressive-dark":{"value":"hsl(0 0% 83.1% / 0.65)"},"expressive-sm-light":{"value":"hsl(0 0% 0% / 0.5)"},"expressive-sm-dark":{"value":"hsl(0 0% 83.1% / 0.65)"},"deca-dark":{"value":"hsl(30 12.5% 96.9% / 0.4)"}},"--dt-color-foreground-placeholder":{"dp-light":{"value":"#808080","description":"Text color for placeholder text within form elements."},"dp-dark":{"value":"#B0B0B0"},"tmo-light":{"value":"#808080","description":"Text color for placeholder text within form elements."},"tmo-dark":{"value":"#B0B0B0"},"deca-light":{"value":"#87807B"},"expressive-light":{"value":"#808080","description":"Text color for placeholder text within form elements."},"expressive-dark":{"value":"#B0B0B0"},"expressive-sm-light":{"value":"#808080","description":"Text color for placeholder text within form elements."},"expressive-sm-dark":{"value":"#B0B0B0"},"deca-dark":{"value":"#635F5D"}},"--dt-color-foreground-disabled":{"dp-light":{"value":"#808080","description":"Used for text paired with disabled content or components, like the form elements."},"dp-dark":{"value":"#B0B0B0"},"tmo-light":{"value":"#808080","description":"Used for text paired with disabled content or components, like the form elements."},"tmo-dark":{"value":"#B0B0B0"},"deca-light":{"value":"#87807B"},"expressive-light":{"value":"#808080","description":"Used for text paired with disabled content or components, like the form elements."},"expressive-dark":{"value":"#B0B0B0"},"expressive-sm-light":{"value":"#808080","description":"Used for text paired with disabled content or components, like the form elements."},"expressive-sm-dark":{"value":"#B0B0B0"},"deca-dark":{"value":"#635F5D"}},"--dt-color-foreground-critical":{"dp-light":{"value":"#D90A45","description":"Expresses an error, danger, or otherwise critical state."},"dp-dark":{"value":"#FF716F"},"tmo-light":{"value":"#D90A45","description":"Expresses an error, danger, or otherwise critical state."},"tmo-dark":{"value":"#FF716F"},"deca-light":{"value":"#D90A45","description":"Expresses an error, danger, or otherwise critical state."},"expressive-light":{"value":"#D90A45","description":"Expresses an error, danger, or otherwise critical state."},"expressive-dark":{"value":"#FF716F"},"expressive-sm-light":{"value":"#D90A45","description":"Expresses an error, danger, or otherwise critical state."},"expressive-sm-dark":{"value":"#FF716F"},"deca-dark":{"value":"#FF716F"}},"--dt-color-foreground-critical-strong":{"dp-light":{"value":"#AF0032","description":"Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast."},"dp-dark":{"value":"#FFABA4"},"tmo-light":{"value":"#AF0032","description":"Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast."},"tmo-dark":{"value":"#FFABA4"},"deca-light":{"value":"#AF0032","description":"Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast."},"expressive-light":{"value":"#AF0032","description":"Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast."},"expressive-dark":{"value":"#FFABA4"},"expressive-sm-light":{"value":"#AF0032","description":"Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast."},"expressive-sm-dark":{"value":"#FFABA4"},"deca-dark":{"value":"#FFABA4"}},"--dt-color-foreground-success":{"dp-light":{"value":"#008E52","description":"Indicates a positive state."},"dp-dark":{"value":"#AEFB3C"},"tmo-light":{"value":"#008E52","description":"Indicates a positive state."},"tmo-dark":{"value":"#AEFB3C"},"deca-light":{"value":"#008E52","description":"Indicates a positive state."},"expressive-light":{"value":"#008E52","description":"Indicates a positive state."},"expressive-dark":{"value":"#AEFB3C"},"expressive-sm-light":{"value":"#008E52","description":"Indicates a positive state."},"expressive-sm-dark":{"value":"#AEFB3C"},"deca-dark":{"value":"#AEFB3C"}},"--dt-color-foreground-success-strong":{"dp-light":{"value":"#004F2E","description":"Indicates a strong positive state on surfaces that require a stronger contrast."},"dp-dark":{"value":"#DBFFA9"},"tmo-light":{"value":"#004F2E","description":"Indicates a strong positive state on surfaces that require a stronger contrast."},"tmo-dark":{"value":"#DBFFA9"},"deca-light":{"value":"#004F2E","description":"Indicates a strong positive state on surfaces that require a stronger contrast."},"expressive-light":{"value":"#004F2E","description":"Indicates a strong positive state on surfaces that require a stronger contrast."},"expressive-dark":{"value":"#DBFFA9"},"expressive-sm-light":{"value":"#004F2E","description":"Indicates a strong positive state on surfaces that require a stronger contrast."},"expressive-sm-dark":{"value":"#DBFFA9"},"deca-dark":{"value":"#DBFFA9"}},"--dt-color-foreground-warning":{"dp-light":{"value":"#815008","description":"Indicates information that requires user’s attention and further action may be necessary."},"dp-dark":{"value":"#FFBD48"},"tmo-light":{"value":"#815008","description":"Indicates information that requires user’s attention and further action may be necessary."},"tmo-dark":{"value":"#FFBD48"},"deca-light":{"value":"#815008","description":"Indicates information that requires user’s attention and further action may be necessary."},"expressive-light":{"value":"#815008","description":"Indicates information that requires user’s attention and further action may be necessary."},"expressive-dark":{"value":"#FFBD48"},"expressive-sm-light":{"value":"#815008","description":"Indicates information that requires user’s attention and further action may be necessary."},"expressive-sm-dark":{"value":"#FFBD48"},"deca-dark":{"value":"#FFBD48"}},"--dt-color-foreground-primary-inverted":{"dp-light":{"value":"#F9F9F9","description":"Primary text that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"#000000"},"tmo-light":{"value":"#F9F9F9","description":"Primary text that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"#000000"},"deca-light":{"value":"#F2F0EE"},"expressive-light":{"value":"#F9F9F9","description":"Primary text that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"#000000"},"expressive-sm-light":{"value":"#F9F9F9","description":"Primary text that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"#000000"},"deca-dark":{"value":"#151413"}},"--dt-color-foreground-secondary-inverted":{"dp-light":{"value":"#E9E9E9","description":"Secondary text color that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"#3d3d3d"},"tmo-light":{"value":"#E9E9E9","description":"Secondary text color that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"#3d3d3d"},"deca-light":{"value":"#E0DCD9"},"expressive-light":{"value":"#E9E9E9","description":"Secondary text color that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"#3d3d3d"},"expressive-sm-light":{"value":"#E9E9E9","description":"Secondary text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"#3d3d3d"},"deca-dark":{"value":"#1D1C1B"}},"--dt-color-foreground-tertiary-inverted":{"dp-light":{"value":"#D2D2D2","description":"Tertiary text color that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"#555555"},"tmo-light":{"value":"#D2D2D2","description":"Tertiary text color that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"#555555"},"deca-light":{"value":"#CEC8C4"},"expressive-light":{"value":"#D2D2D2","description":"Tertiary text color that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"#555555"},"expressive-sm-light":{"value":"#D2D2D2","description":"Tertiary text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"#555555"},"deca-dark":{"value":"#282624"}},"--dt-color-foreground-muted-inverted":{"dp-light":{"value":"hsl(0 0% 97.6% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"hsl(0 0% 9.02% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"tmo-light":{"value":"hsl(0 0% 97.6% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"hsl(0 0% 9.02% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"deca-light":{"value":"hsl(30 13.3% 94.1% / 0.7)"},"expressive-light":{"value":"hsl(0 0% 97.6% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"hsl(0 0% 9.02% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-light":{"value":"hsl(0 0% 97.6% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"hsl(0 0% 9.02% / 0.65)","description":"Muted text color that sits on high-contrast surfaces or backgrounds."},"deca-dark":{"value":"hsl(30 5% 7.84% / 0.65)"}},"--dt-color-foreground-placeholder-inverted":{"dp-light":{"value":"#AAAAAA","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"#555555","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"tmo-light":{"value":"#AAAAAA","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"#555555","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"deca-light":{"value":"#AAA4A1"},"expressive-light":{"value":"#AAAAAA","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"#555555","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-light":{"value":"#AAAAAA","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"#555555","description":"Placeholder text color that sits on high-contrast surfaces or backgrounds."},"deca-dark":{"value":"#3F3D3C"}},"--dt-color-foreground-disabled-inverted":{"dp-light":{"value":"#AAAAAA","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"dp-dark":{"value":"#555555","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"tmo-light":{"value":"#AAAAAA","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"tmo-dark":{"value":"#555555","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"deca-light":{"value":"#AAA4A1"},"expressive-light":{"value":"#AAAAAA","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"expressive-dark":{"value":"#555555","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-light":{"value":"#AAAAAA","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"expressive-sm-dark":{"value":"#555555","description":"Disabled text color that sits on high-contrast surfaces or backgrounds."},"deca-dark":{"value":"#3F3D3C"}},"--dt-color-foreground-critical-inverted":{"dp-light":{"value":"#FF716F","description":"Critical text that sits on high-contrast surfaces or backgrounds"},"dp-dark":{"value":"#FF1356"},"tmo-light":{"value":"#FF716F","description":"Critical text that sits on high-contrast surfaces or backgrounds"},"tmo-dark":{"value":"#FF1356"},"deca-light":{"value":"#FF716F","description":"Critical text that sits on high-contrast surfaces or backgrounds"},"expressive-light":{"value":"#FF716F","description":"Critical text that sits on high-contrast surfaces or backgrounds"},"expressive-dark":{"value":"#FF1356"},"expressive-sm-light":{"value":"#FF716F","description":"Critical text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-dark":{"value":"#FF1356"},"deca-dark":{"value":"#FF1356"}},"--dt-color-foreground-critical-strong-inverted":{"dp-light":{"value":"#FFABA4","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"dp-dark":{"value":"#640823","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"tmo-light":{"value":"#FFABA4","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"tmo-dark":{"value":"#640823","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"deca-light":{"value":"#FFABA4","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"expressive-light":{"value":"#FFABA4","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"expressive-dark":{"value":"#640823","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-light":{"value":"#FFABA4","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-dark":{"value":"#640823","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"},"deca-dark":{"value":"#640823","description":"Critical strong text that sits on high-contrast surfaces or backgrounds"}},"--dt-color-foreground-success-inverted":{"dp-light":{"value":"#AEFB3C","description":"Success text that sits on high-contrast surfaces or backgrounds"},"dp-dark":{"value":"#008E52"},"tmo-light":{"value":"#AEFB3C","description":"Success text that sits on high-contrast surfaces or backgrounds"},"tmo-dark":{"value":"#008E52"},"deca-light":{"value":"#AEFB3C","description":"Success text that sits on high-contrast surfaces or backgrounds"},"expressive-light":{"value":"#AEFB3C","description":"Success text that sits on high-contrast surfaces or backgrounds"},"expressive-dark":{"value":"#008E52"},"expressive-sm-light":{"value":"#AEFB3C","description":"Success text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-dark":{"value":"#008E52"},"deca-dark":{"value":"#008E52"}},"--dt-color-foreground-success-strong-inverted":{"dp-light":{"value":"#DBFFA9","description":"Success strong text that sits on high-contrast surfaces or backgrounds"},"dp-dark":{"value":"#004F2E"},"tmo-light":{"value":"#DBFFA9","description":"Success strong text that sits on high-contrast surfaces or backgrounds"},"tmo-dark":{"value":"#004F2E"},"deca-light":{"value":"#DBFFA9","description":"Success strong text that sits on high-contrast surfaces or backgrounds"},"expressive-light":{"value":"#DBFFA9","description":"Success strong text that sits on high-contrast surfaces or backgrounds"},"expressive-dark":{"value":"#004F2E"},"expressive-sm-light":{"value":"#DBFFA9","description":"Success strong text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-dark":{"value":"#004F2E"},"deca-dark":{"value":"#004F2E"}},"--dt-color-foreground-warning-inverted":{"dp-light":{"value":"#FF9E0E","description":"Warning text that sits on high-contrast surfaces or backgrounds"},"dp-dark":{"value":"#815008"},"tmo-light":{"value":"#FF9E0E","description":"Warning text that sits on high-contrast surfaces or backgrounds"},"tmo-dark":{"value":"#815008"},"deca-light":{"value":"#FF9E0E","description":"Warning text that sits on high-contrast surfaces or backgrounds"},"expressive-light":{"value":"#FF9E0E","description":"Warning text that sits on high-contrast surfaces or backgrounds"},"expressive-dark":{"value":"#815008"},"expressive-sm-light":{"value":"#FF9E0E","description":"Warning text that sits on high-contrast surfaces or backgrounds"},"expressive-sm-dark":{"value":"#815008"},"deca-dark":{"value":"#815008"}},"--dt-color-link-primary":{"dp-light":{"value":"#7C52FF"},"dp-dark":{"value":"#BBA6FC"},"tmo-light":{"value":"#e20074"},"tmo-dark":{"value":"#FFB2DA"},"deca-light":{"value":"#7C52FF"},"expressive-light":{"value":"#7C52FF"},"expressive-dark":{"value":"#BBA6FC"},"expressive-sm-light":{"value":"#7C52FF"},"expressive-sm-dark":{"value":"#BBA6FC"},"deca-dark":{"value":"#BBA6FC"}},"--dt-color-link-primary-hover":{"dp-light":{"value":"#5023DD"},"dp-dark":{"value":"#D3BCFF"},"tmo-light":{"value":"#A80056"},"tmo-dark":{"value":"#FFCCE6"},"deca-light":{"value":"#5023DD"},"expressive-light":{"value":"#5023DD"},"expressive-dark":{"value":"#D3BCFF"},"expressive-sm-light":{"value":"#5023DD"},"expressive-sm-dark":{"value":"#D3BCFF"},"deca-dark":{"value":"#D3BCFF"}},"--dt-color-link-critical":{"dp-light":{"value":"#D90A45"},"dp-dark":{"value":"#FF716F"},"tmo-light":{"value":"#D90A45"},"tmo-dark":{"value":"#FF716F"},"deca-light":{"value":"#D90A45"},"expressive-light":{"value":"#D90A45"},"expressive-dark":{"value":"#FF716F"},"expressive-sm-light":{"value":"#D90A45"},"expressive-sm-dark":{"value":"#FF716F"},"deca-dark":{"value":"#FF716F"}},"--dt-color-link-critical-hover":{"dp-light":{"value":"#AF0032"},"dp-dark":{"value":"#FFABA4"},"tmo-light":{"value":"#AF0032"},"tmo-dark":{"value":"#FFABA4"},"deca-light":{"value":"#AF0032"},"expressive-light":{"value":"#AF0032"},"expressive-dark":{"value":"#FFABA4"},"expressive-sm-light":{"value":"#AF0032"},"expressive-sm-dark":{"value":"#FFABA4"},"deca-dark":{"value":"#FFABA4"}},"--dt-color-link-success":{"dp-light":{"value":"#008E52","description":"positive"},"dp-dark":{"value":"#AEFB3C","description":"positive"},"tmo-light":{"value":"#008E52","description":"positive"},"tmo-dark":{"value":"#AEFB3C","description":"positive"},"deca-light":{"value":"#008E52","description":"positive"},"expressive-light":{"value":"#008E52","description":"positive"},"expressive-dark":{"value":"#AEFB3C","description":"positive"},"expressive-sm-light":{"value":"#008E52","description":"positive"},"expressive-sm-dark":{"value":"#AEFB3C","description":"positive"},"deca-dark":{"value":"#AEFB3C","description":"positive"}},"--dt-color-link-success-hover":{"dp-light":{"value":"#004F2E"},"dp-dark":{"value":"#DBFFA9"},"tmo-light":{"value":"#004F2E"},"tmo-dark":{"value":"#DBFFA9"},"deca-light":{"value":"#004F2E"},"expressive-light":{"value":"#004F2E"},"expressive-dark":{"value":"#DBFFA9"},"expressive-sm-light":{"value":"#004F2E"},"expressive-sm-dark":{"value":"#DBFFA9"},"deca-dark":{"value":"#DBFFA9"}},"--dt-color-link-warning":{"dp-light":{"value":"#815008"},"dp-dark":{"value":"#FFBD48"},"tmo-light":{"value":"#815008"},"tmo-dark":{"value":"#FFBD48"},"deca-light":{"value":"#815008"},"expressive-light":{"value":"#815008"},"expressive-dark":{"value":"#FFBD48"},"expressive-sm-light":{"value":"#815008"},"expressive-sm-dark":{"value":"#FFBD48"},"deca-dark":{"value":"#FFBD48"}},"--dt-color-link-warning-hover":{"dp-light":{"value":"#533204"},"dp-dark":{"value":"#FFE89C"},"tmo-light":{"value":"#533204"},"tmo-dark":{"value":"#FFE89C"},"deca-light":{"value":"#533204"},"expressive-light":{"value":"#533204"},"expressive-dark":{"value":"#FFE89C"},"expressive-sm-light":{"value":"#533204"},"expressive-sm-dark":{"value":"#FFE89C"},"deca-dark":{"value":"#FFE89C"}},"--dt-color-link-muted":{"dp-light":{"value":"#3A3A3A"},"dp-dark":{"value":"#c7c7c7"},"tmo-light":{"value":"#3A3A3A"},"tmo-dark":{"value":"#c7c7c7"},"deca-light":{"value":"#3F3D3C"},"expressive-light":{"value":"#3A3A3A"},"expressive-dark":{"value":"#c7c7c7"},"expressive-sm-light":{"value":"#3A3A3A"},"expressive-sm-dark":{"value":"#c7c7c7"},"deca-dark":{"value":"#AAA4A1"}},"--dt-color-link-muted-hover":{"dp-light":{"value":"#1C1C1C"},"dp-dark":{"value":"#E6E6E6"},"tmo-light":{"value":"#1C1C1C"},"tmo-dark":{"value":"#E6E6E6"},"deca-light":{"value":"#1D1C1B"},"expressive-light":{"value":"#1C1C1C"},"expressive-dark":{"value":"#E6E6E6"},"expressive-sm-light":{"value":"#1C1C1C"},"expressive-sm-dark":{"value":"#E6E6E6"},"deca-dark":{"value":"#E0DCD9"}},"--dt-color-link-disabled":{"dp-light":{"value":"#808080"},"dp-dark":{"value":"#B0B0B0"},"tmo-light":{"value":"#808080"},"tmo-dark":{"value":"#B0B0B0"},"deca-light":{"value":"#87807B"},"expressive-light":{"value":"#808080"},"expressive-dark":{"value":"#B0B0B0"},"expressive-sm-light":{"value":"#808080"},"expressive-sm-dark":{"value":"#B0B0B0"},"deca-dark":{"value":"#635F5D"}},"--dt-color-link-disabled-hover":{"dp-light":{"value":"#808080"},"dp-dark":{"value":"#B0B0B0"},"tmo-light":{"value":"#808080"},"tmo-dark":{"value":"#B0B0B0"},"deca-light":{"value":"#87807B"},"expressive-light":{"value":"#808080"},"expressive-dark":{"value":"#B0B0B0"},"expressive-sm-light":{"value":"#808080"},"expressive-sm-dark":{"value":"#B0B0B0"},"deca-dark":{"value":"#635F5D"}},"--dt-color-link-primary-inverted":{"dp-light":{"value":"#BBA6FC"},"dp-dark":{"value":"#7C52FF"},"tmo-light":{"value":"#FFB2DA"},"tmo-dark":{"value":"#e20074"},"deca-light":{"value":"#BBA6FC"},"expressive-light":{"value":"#BBA6FC"},"expressive-dark":{"value":"#7C52FF"},"expressive-sm-light":{"value":"#BBA6FC"},"expressive-sm-dark":{"value":"#7C52FF"},"deca-dark":{"value":"#7C52FF"}},"--dt-color-link-primary-inverted-hover":{"dp-light":{"value":"#D3BCFF"},"dp-dark":{"value":"#5023DD"},"tmo-light":{"value":"#FFCCE6"},"tmo-dark":{"value":"#A80056"},"deca-light":{"value":"#D3BCFF"},"expressive-light":{"value":"#D3BCFF"},"expressive-dark":{"value":"#5023DD"},"expressive-sm-light":{"value":"#D3BCFF"},"expressive-sm-dark":{"value":"#5023DD"},"deca-dark":{"value":"#5023DD"}},"--dt-color-link-critical-inverted":{"dp-light":{"value":"#FF716F"},"dp-dark":{"value":"#FF1356"},"tmo-light":{"value":"#FF716F"},"tmo-dark":{"value":"#FF1356"},"deca-light":{"value":"#FF716F"},"expressive-light":{"value":"#FF716F"},"expressive-dark":{"value":"#FF1356"},"expressive-sm-light":{"value":"#FF716F"},"expressive-sm-dark":{"value":"#FF1356"},"deca-dark":{"value":"#FF1356"}},"--dt-color-link-critical-inverted-hover":{"dp-light":{"value":"#FFABA4"},"dp-dark":{"value":"#640823"},"tmo-light":{"value":"#FFABA4"},"tmo-dark":{"value":"#640823"},"deca-light":{"value":"#FFABA4"},"expressive-light":{"value":"#FFABA4"},"expressive-dark":{"value":"#640823"},"expressive-sm-light":{"value":"#FFABA4"},"expressive-sm-dark":{"value":"#640823"},"deca-dark":{"value":"#640823"}},"--dt-color-link-success-inverted":{"dp-light":{"value":"#AEFB3C"},"dp-dark":{"value":"#008E52"},"tmo-light":{"value":"#AEFB3C"},"tmo-dark":{"value":"#008E52"},"deca-light":{"value":"#AEFB3C"},"expressive-light":{"value":"#AEFB3C"},"expressive-dark":{"value":"#008E52"},"expressive-sm-light":{"value":"#AEFB3C"},"expressive-sm-dark":{"value":"#008E52"},"deca-dark":{"value":"#008E52"}},"--dt-color-link-success-inverted-hover":{"dp-light":{"value":"#DBFFA9"},"dp-dark":{"value":"#004F2E"},"tmo-light":{"value":"#DBFFA9"},"tmo-dark":{"value":"#004F2E"},"deca-light":{"value":"#DBFFA9"},"expressive-light":{"value":"#DBFFA9"},"expressive-dark":{"value":"#004F2E"},"expressive-sm-light":{"value":"#DBFFA9"},"expressive-sm-dark":{"value":"#004F2E"},"deca-dark":{"value":"#004F2E"}},"--dt-color-link-warning-inverted":{"dp-light":{"value":"#FF9E0E"},"dp-dark":{"value":"#815008"},"tmo-light":{"value":"#FF9E0E"},"tmo-dark":{"value":"#815008"},"deca-light":{"value":"#FF9E0E"},"expressive-light":{"value":"#FF9E0E"},"expressive-dark":{"value":"#815008"},"expressive-sm-light":{"value":"#FF9E0E"},"expressive-sm-dark":{"value":"#815008"},"deca-dark":{"value":"#815008"}},"--dt-color-link-warning-inverted-hover":{"dp-light":{"value":"#FFDB80"},"dp-dark":{"value":"#533204"},"tmo-light":{"value":"#FFDB80"},"tmo-dark":{"value":"#533204"},"deca-light":{"value":"#FFDB80"},"expressive-light":{"value":"#FFDB80"},"expressive-dark":{"value":"#533204"},"expressive-sm-light":{"value":"#FFDB80"},"expressive-sm-dark":{"value":"#533204"},"deca-dark":{"value":"#533204"}},"--dt-color-link-muted-inverted":{"dp-light":{"value":"#E9E9E9"},"dp-dark":{"value":"#3d3d3d"},"tmo-light":{"value":"#E9E9E9"},"tmo-dark":{"value":"#3d3d3d"},"deca-light":{"value":"#E0DCD9"},"expressive-light":{"value":"#E9E9E9"},"expressive-dark":{"value":"#3d3d3d"},"expressive-sm-light":{"value":"#E9E9E9"},"expressive-sm-dark":{"value":"#3d3d3d"},"deca-dark":{"value":"#1D1C1B"}},"--dt-color-link-muted-inverted-hover":{"dp-light":{"value":"#F9F9F9"},"dp-dark":{"value":"#171717"},"tmo-light":{"value":"#F9F9F9"},"tmo-dark":{"value":"#171717"},"deca-light":{"value":"#F9F9F9"},"expressive-light":{"value":"#F9F9F9"},"expressive-dark":{"value":"#171717"},"expressive-sm-light":{"value":"#F9F9F9"},"expressive-sm-dark":{"value":"#171717"},"deca-dark":{"value":"#171717"}},"--dt-color-link-disabled-inverted":{"dp-light":{"value":"#AAAAAA"},"dp-dark":{"value":"#555555"},"tmo-light":{"value":"#AAAAAA"},"tmo-dark":{"value":"#555555"},"deca-light":{"value":"#AAA4A1"},"expressive-light":{"value":"#AAAAAA"},"expressive-dark":{"value":"#555555"},"expressive-sm-light":{"value":"#AAAAAA"},"expressive-sm-dark":{"value":"#555555"},"deca-dark":{"value":"#3F3D3C"}},"--dt-color-link-disabled-inverted-hover":{"dp-light":{"value":"#AAAAAA"},"dp-dark":{"value":"#555555"},"tmo-light":{"value":"#AAAAAA"},"tmo-dark":{"value":"#555555"},"deca-light":{"value":"#AAA4A1"},"expressive-light":{"value":"#AAAAAA"},"expressive-dark":{"value":"#555555"},"expressive-sm-light":{"value":"#AAAAAA"},"expressive-sm-dark":{"value":"#555555"},"deca-dark":{"value":"#3F3D3C"}},"--dt-color-surface-primary":{"dp-light":{"value":"#ffffff","description":"Default surface color for the majority of surfaces."},"dp-dark":{"value":"#171717"},"tmo-light":{"value":"#ffffff","description":"Default surface color for the majority of surfaces."},"tmo-dark":{"value":"#171717"},"deca-light":{"value":"#ffffff","description":"Default surface color for the majority of surfaces."},"expressive-light":{"value":"#ffffff","description":"Default surface color for the majority of surfaces."},"expressive-dark":{"value":"#171717"},"expressive-sm-light":{"value":"#ffffff","description":"Default surface color for the majority of surfaces."},"expressive-sm-dark":{"value":"#171717"},"deca-dark":{"value":"#0B0A09"}},"--dt-color-surface-secondary":{"dp-light":{"value":"#F9F9F9","description":"For adjacent or complementary regions."},"dp-dark":{"value":"#1f1f1f"},"tmo-light":{"value":"#F9F9F9","description":"For adjacent or complementary regions."},"tmo-dark":{"value":"#1f1f1f"},"deca-light":{"value":"#F2F0EE"},"expressive-light":{"value":"#F9F9F9","description":"For adjacent or complementary regions."},"expressive-dark":{"value":"#1f1f1f"},"expressive-sm-light":{"value":"#F9F9F9","description":"For adjacent or complementary regions."},"expressive-sm-dark":{"value":"#1f1f1f"},"deca-dark":{"value":"#151413"}},"--dt-color-surface-moderate":{"dp-light":{"value":"#E9E9E9","description":"A tertiary surface level, prominent without being too overpowering."},"dp-dark":{"value":"#3d3d3d"},"tmo-light":{"value":"#E9E9E9","description":"A tertiary surface level, prominent without being too overpowering."},"tmo-dark":{"value":"#3d3d3d"},"deca-light":{"value":"#E0DCD9"},"expressive-light":{"value":"#E9E9E9","description":"A tertiary surface level, prominent without being too overpowering."},"expressive-dark":{"value":"#3d3d3d"},"expressive-sm-light":{"value":"#E9E9E9","description":"A tertiary surface level, prominent without being too overpowering."},"expressive-sm-dark":{"value":"#3d3d3d"},"deca-dark":{"value":"#1D1C1B"}},"--dt-color-surface-bold":{"dp-light":{"value":"#D2D2D2","description":"Highlight or call attention to specific areas of the interface."},"dp-dark":{"value":"#555555"},"tmo-light":{"value":"#D2D2D2","description":"Highlight or call attention to specific areas of the interface."},"tmo-dark":{"value":"#555555"},"deca-light":{"value":"#CEC8C4"},"expressive-light":{"value":"#D2D2D2","description":"Highlight or call attention to specific areas of the interface."},"expressive-dark":{"value":"#555555"},"expressive-sm-light":{"value":"#D2D2D2","description":"Highlight or call attention to specific areas of the interface."},"expressive-sm-dark":{"value":"#555555"},"deca-dark":{"value":"#282624"}},"--dt-color-surface-strong":{"dp-light":{"value":"#535353","description":"Use sparingly to draw the eye to a relatively important region."},"dp-dark":{"value":"#B0B0B0"},"tmo-light":{"value":"#535353","description":"Use sparingly to draw the eye to a relatively important region."},"tmo-dark":{"value":"#B0B0B0"},"deca-light":{"value":"#635F5D"},"expressive-light":{"value":"#535353","description":"Use sparingly to draw the eye to a relatively important region."},"expressive-dark":{"value":"#B0B0B0"},"expressive-sm-light":{"value":"#535353","description":"Use sparingly to draw the eye to a relatively important region."},"expressive-sm-dark":{"value":"#B0B0B0"},"deca-dark":{"value":"#87807B"}},"--dt-color-surface-contrast":{"dp-light":{"value":"#252525","description":"An inverted surface for lightened content and elements, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#ffffff"},"tmo-light":{"value":"#252525","description":"An inverted surface for lightened content and elements, most likely paired with inverted foreground colors."},"tmo-dark":{"value":"#ffffff"},"deca-light":{"value":"#282624"},"expressive-light":{"value":"#252525","description":"An inverted surface for lightened content and elements, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#ffffff"},"expressive-sm-light":{"value":"#252525","description":"An inverted surface for lightened content and elements, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#ffffff"},"deca-dark":{"value":"#F8F7F6"}},"--dt-color-surface-critical":{"dp-light":{"value":"#FFE5E6","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"dp-dark":{"value":"#380010","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"tmo-light":{"value":"#FFE5E6","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"tmo-dark":{"value":"#380010","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"deca-light":{"value":"#FFE5E6","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"expressive-light":{"value":"#FFE5E6","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"expressive-dark":{"value":"#380010","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"expressive-sm-light":{"value":"#FFE5E6","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"expressive-sm-dark":{"value":"#380010","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."},"deca-dark":{"value":"#380010","description":"Background surface color containing error, danger, or otherwise critical messaging or elements."}},"--dt-color-surface-warning":{"dp-light":{"value":"#FFF4CC","description":"Background surface color highlighting messaging or elements that may require user's attention."},"dp-dark":{"value":"#533204"},"tmo-light":{"value":"#FFF4CC","description":"Background surface color highlighting messaging or elements that may require user's attention."},"tmo-dark":{"value":"#533204"},"deca-light":{"value":"#FFF4CC","description":"Background surface color highlighting messaging or elements that may require user's attention."},"expressive-light":{"value":"#FFF4CC","description":"Background surface color highlighting messaging or elements that may require user's attention."},"expressive-dark":{"value":"#533204"},"expressive-sm-light":{"value":"#FFF4CC","description":"Background surface color highlighting messaging or elements that may require user's attention."},"expressive-sm-dark":{"value":"#533204"},"deca-dark":{"value":"#533204"}},"--dt-color-surface-success":{"dp-light":{"value":"#EDF9EB","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"dp-dark":{"value":"#012717","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"tmo-light":{"value":"#EDF9EB","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"tmo-dark":{"value":"#012717","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"deca-light":{"value":"#EDF9EB","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"expressive-light":{"value":"#EDF9EB","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"expressive-dark":{"value":"#012717","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"expressive-sm-light":{"value":"#EDF9EB","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"expressive-sm-dark":{"value":"#012717","description":"Background surface color containing messaging or elements expressing a positive or successful state."},"deca-dark":{"value":"#012717","description":"Background surface color containing messaging or elements expressing a positive or successful state."}},"--dt-color-surface-info":{"dp-light":{"value":"#EAF2FA","description":"Background surface color containing messaging or elements communicated as generally informational."},"dp-dark":{"value":"#001429","description":"Background surface color containing messaging or elements communicated as generally informational."},"tmo-light":{"value":"#EAF2FA","description":"Background surface color containing messaging or elements communicated as generally informational."},"tmo-dark":{"value":"#001429","description":"Background surface color containing messaging or elements communicated as generally informational."},"deca-light":{"value":"#EAF2FA","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-light":{"value":"#EAF2FA","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-dark":{"value":"#001429","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-sm-light":{"value":"#EAF2FA","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-sm-dark":{"value":"#001429","description":"Background surface color containing messaging or elements communicated as generally informational."},"deca-dark":{"value":"#001429","description":"Background surface color containing messaging or elements communicated as generally informational."}},"--dt-color-surface-brand":{"dp-light":{"value":"#F5F0FF","description":"Background surface color containing messaging or elements communicated as generally informational."},"dp-dark":{"value":"#1D0155","description":"Background surface color containing messaging or elements communicated as generally informational."},"tmo-light":{"value":"#FFCCE6"},"tmo-dark":{"value":"#3D001F"},"deca-light":{"value":"#F5F0FF","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-light":{"value":"#F5F0FF","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-dark":{"value":"#1D0155","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-sm-light":{"value":"#F5F0FF","description":"Background surface color containing messaging or elements communicated as generally informational."},"expressive-sm-dark":{"value":"#1D0155","description":"Background surface color containing messaging or elements communicated as generally informational."},"deca-dark":{"value":"#1D0155","description":"Background surface color containing messaging or elements communicated as generally informational."}},"--dt-color-surface-critical-subtle":{"dp-light":{"value":"#FFF2F3","description":"A softer version of the Critical surface."},"dp-dark":{"value":"hsl(343 100% 5.49%)"},"tmo-light":{"value":"#FFF2F3","description":"A softer version of the Critical surface."},"tmo-dark":{"value":"hsl(343 100% 5.49%)"},"deca-light":{"value":"#FFF2F3","description":"A softer version of the Critical surface."},"expressive-light":{"value":"#FFF2F3","description":"A softer version of the Critical surface."},"expressive-dark":{"value":"hsl(343 100% 5.49%)"},"expressive-sm-light":{"value":"#FFF2F3","description":"A softer version of the Critical surface."},"expressive-sm-dark":{"value":"hsl(343 100% 5.49%)"},"deca-dark":{"value":"hsl(343 100% 5.49%)"}},"--dt-color-surface-warning-subtle":{"dp-light":{"value":"#fffae5","description":"A softer version of the default warning surface."},"dp-dark":{"value":"#2C1B02"},"tmo-light":{"value":"#fffae5","description":"A softer version of the default warning surface."},"tmo-dark":{"value":"#2C1B02"},"deca-light":{"value":"#fffae5","description":"A softer version of the default warning surface."},"expressive-light":{"value":"#fffae5","description":"A softer version of the default warning surface."},"expressive-dark":{"value":"#2C1B02"},"expressive-sm-light":{"value":"#fffae5","description":"A softer version of the default warning surface."},"expressive-sm-dark":{"value":"#2C1B02"},"deca-dark":{"value":"#2C1B02"}},"--dt-color-surface-success-subtle":{"dp-light":{"value":"#f6fcf5","description":"A softer version of the default success surface."},"dp-dark":{"value":"hsl(155 95% 3.92%)"},"tmo-light":{"value":"#f6fcf5","description":"A softer version of the default success surface."},"tmo-dark":{"value":"hsl(155 95% 3.92%)"},"deca-light":{"value":"#f6fcf5","description":"A softer version of the default success surface."},"expressive-light":{"value":"#f6fcf5","description":"A softer version of the default success surface."},"expressive-dark":{"value":"hsl(155 95% 3.92%)"},"expressive-sm-light":{"value":"#f6fcf5","description":"A softer version of the default success surface."},"expressive-sm-dark":{"value":"hsl(155 95% 3.92%)"},"deca-dark":{"value":"hsl(155 95% 3.92%)"}},"--dt-color-surface-info-subtle":{"dp-light":{"value":"#f5f9fd","description":"A softer version of the default informational surface."},"dp-dark":{"value":"hsl(211 100% 4.82%)"},"tmo-light":{"value":"#f5f9fd","description":"A softer version of the default informational surface."},"tmo-dark":{"value":"hsl(211 100% 4.82%)"},"deca-light":{"value":"#f5f9fd","description":"A softer version of the default informational surface."},"expressive-light":{"value":"#f5f9fd","description":"A softer version of the default informational surface."},"expressive-dark":{"value":"hsl(211 100% 4.82%)"},"expressive-sm-light":{"value":"#f5f9fd","description":"A softer version of the default informational surface."},"expressive-sm-dark":{"value":"hsl(211 100% 4.82%)"},"deca-dark":{"value":"hsl(211 100% 4.82%)"}},"--dt-color-surface-brand-subtle":{"dp-light":{"value":"#f9f6ff","description":"A softer version of the default informational surface."},"dp-dark":{"value":"#10022C","description":"A softer version of the default informational surface."},"tmo-light":{"value":"#FFF0F8"},"tmo-dark":{"value":"#2E0018"},"deca-light":{"value":"#f9f6ff","description":"A softer version of the default informational surface."},"expressive-light":{"value":"#f9f6ff","description":"A softer version of the default informational surface."},"expressive-dark":{"value":"#10022C","description":"A softer version of the default informational surface."},"expressive-sm-light":{"value":"#f9f6ff","description":"A softer version of the default informational surface."},"expressive-sm-dark":{"value":"#10022C","description":"A softer version of the default informational surface."},"deca-dark":{"value":"#10022C","description":"A softer version of the default informational surface."}},"--dt-color-surface-critical-strong":{"dp-light":{"value":"#D90A45","description":"A contrasting critical surface, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#FF716F"},"tmo-light":{"value":"#D90A45","description":"A contrasting critical surface, most likely paired with inverted foreground colors."},"tmo-dark":{"value":"#FF716F"},"deca-light":{"value":"#D90A45","description":"A contrasting critical surface, most likely paired with inverted foreground colors."},"expressive-light":{"value":"#D90A45","description":"A contrasting critical surface, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#FF716F"},"expressive-sm-light":{"value":"#D90A45","description":"A contrasting critical surface, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#FF716F"},"deca-dark":{"value":"#FF716F"}},"--dt-color-surface-warning-strong":{"dp-light":{"value":"#FFBD48","description":"A contrasting warning surface, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#FFDB80"},"tmo-light":{"value":"#FFBD48","description":"A contrasting warning surface, most likely paired with inverted foreground colors."},"tmo-dark":{"value":"#FFDB80"},"deca-light":{"value":"#FFBD48","description":"A contrasting warning surface, most likely paired with inverted foreground colors."},"expressive-light":{"value":"#FFBD48","description":"A contrasting warning surface, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#FFDB80"},"expressive-sm-light":{"value":"#FFBD48","description":"A contrasting warning surface, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#FFDB80"},"deca-dark":{"value":"#FFDB80"}},"--dt-color-surface-success-strong":{"dp-light":{"value":"#008E52","description":"A contrasting positive state surface, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#AEFB3C"},"tmo-light":{"value":"#008E52","description":"A contrasting positive state surface, most likely paired with inverted foreground colors."},"tmo-dark":{"value":"#AEFB3C"},"deca-light":{"value":"#008E52","description":"A contrasting positive state surface, most likely paired with inverted foreground colors."},"expressive-light":{"value":"#008E52","description":"A contrasting positive state surface, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#AEFB3C"},"expressive-sm-light":{"value":"#008E52","description":"A contrasting positive state surface, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#AEFB3C"},"deca-dark":{"value":"#AEFB3C"}},"--dt-color-surface-info-strong":{"dp-light":{"value":"#1768C6","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#4AA9EA"},"tmo-light":{"value":"#1768C6","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"tmo-dark":{"value":"#4AA9EA"},"deca-light":{"value":"#1768C6","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-light":{"value":"#1768C6","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#4AA9EA"},"expressive-sm-light":{"value":"#1768C6","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#4AA9EA"},"deca-dark":{"value":"#4AA9EA"}},"--dt-color-surface-brand-strong":{"dp-light":{"value":"#7C52FF","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"dp-dark":{"value":"#BBA6FC"},"tmo-light":{"value":"#E20074"},"tmo-dark":{"value":"#FFB2DA"},"deca-light":{"value":"#7C52FF","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-light":{"value":"#7C52FF","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-dark":{"value":"#BBA6FC"},"expressive-sm-light":{"value":"#7C52FF","description":"A contrasting informational surface, most likely paired with inverted foreground colors."},"expressive-sm-dark":{"value":"#BBA6FC"},"deca-dark":{"value":"#BBA6FC"}},"--dt-color-surface-primary-opaque":{"dp-light":{"value":"hsl(0 0% 100% / 0.96)","description":"Primary surface as opaque background color."},"dp-dark":{"value":"hsl(0 0% 9.02% / 0.9)"},"tmo-light":{"value":"hsl(0 0% 100% / 0.96)","description":"Primary surface as opaque background color."},"tmo-dark":{"value":"hsl(0 0% 9.02% / 0.9)"},"deca-light":{"value":"hsl(0 0% 100% / 0.96)","description":"Primary surface as opaque background color."},"expressive-light":{"value":"hsl(0 0% 100% / 0.96)","description":"Primary surface as opaque background color."},"expressive-dark":{"value":"hsl(0 0% 9.02% / 0.9)"},"expressive-sm-light":{"value":"hsl(0 0% 100% / 0.96)","description":"Primary surface as opaque background color."},"expressive-sm-dark":{"value":"hsl(0 0% 9.02% / 0.9)"},"deca-dark":{"value":"hsl(30 10% 3.92% / 0.9)"}},"--dt-color-surface-secondary-opaque":{"dp-light":{"value":"hsl(0 0% 11% / 0.02)","description":"Secondary surface as opaque background co