@salutejs/plasma-themes 0.38.0-canary.2132.16779652175.0 → 0.38.0-canary.2235.17792261875.0

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 (17) hide show
  1. package/css/plasma_b2c.module.css +10 -0
  2. package/css/plasma_b2c__dark.css +5 -0
  3. package/css/plasma_b2c__light.css +5 -0
  4. package/es/themes/plasma_b2c__dark.js +1 -1
  5. package/es/themes/plasma_b2c__dark.js.map +1 -1
  6. package/es/themes/plasma_b2c__light.js +1 -1
  7. package/es/themes/plasma_b2c__light.js.map +1 -1
  8. package/es/tokens/plasma_b2c/index.js +12 -2
  9. package/es/tokens/plasma_b2c/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/plasma_b2c__dark.js +1 -1
  12. package/themes/plasma_b2c__dark.js.map +1 -1
  13. package/themes/plasma_b2c__light.js +1 -1
  14. package/themes/plasma_b2c__light.js.map +1 -1
  15. package/tokens/plasma_b2c/index.d.ts +10 -0
  16. package/tokens/plasma_b2c/index.js +31 -21
  17. package/tokens/plasma_b2c/index.js.map +1 -1
package/es/tokens/plasma_b2c/index.js CHANGED
@@ -270,7 +270,11 @@ export var inverseTextParagraph = 'var(--inverse-text-paragraph, #080808CC)';
270
270
  /** Инвертированный основной цвет текста */
271
271
  export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)';
272
272
  /** Инвертированный основной цвет текста */
273
+ export var inverseTextPrimaryHoverBrightness = 'var(--inverse-text-primary-hover-brightness, #4E4E4EFF)';
274
+ /** Инвертированный основной цвет текста */
273
275
  export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)';
276
+ /** Инвертированный основной цвет текста */
277
+ export var inverseTextPrimaryActiveBrightness = 'var(--inverse-text-primary-active-brightness, #343434FF)';
274
278
  /** Инвертированный вторичный цвет текста */
275
279
  export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)';
276
280
  /** Инвертированный вторичный цвет текста */
@@ -444,9 +448,15 @@ export var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF
444
448
  /** Непрозрачный фон поверхности/контрола по умолчанию */
445
449
  export var surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)';
446
450
  /** Непрозрачный фон поверхности/контрола по умолчанию */
451
+ export var surfaceSolidDefaultBrightness = 'var(--surface-solid-default-brightness, #F9F9F9FF)';
452
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
447
453
  export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
448
454
  /** Непрозрачный фон поверхности/контрола по умолчанию */
455
+ export var surfaceSolidDefaultHoverBrightness = 'var(--surface-solid-default-hover-brightness, #FFFFFFFF)';
456
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
449
457
  export var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
458
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
459
+ export var surfaceSolidDefaultActiveBrightness = 'var(--surface-solid-default-active-brightness, #F6F6F6FF)';
450
460
  /** dark surface default surfaceInfo */
451
461
  export var surfaceInfo = 'var(--surface-info, #3F81FD)';
452
462
  /** dark surface default surfaceInfoMinor */
@@ -2385,7 +2395,7 @@ export var textXSMedium = {
2385
2395
  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
2386
2396
  };
2387
2397
  export var viewContainer = {
2388
- dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-info: var(--on-dark-text-info);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --outline-secondary-hover: var(--on-dark-outline-secondary-hover);\n --outline-secondary-active: var(--on-dark-outline-secondary-active);\n --outline-tertiary-hover: var(--on-dark-outline-tertiary-hover);\n --outline-tertiary-active: var(--on-dark-outline-tertiary-active);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-negative-transparent-hover: var(--on-dark-outline-negative-transparent-hover);\n --outline-negative-transparent-active: var(--on-dark-outline-negative-transparent-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-info: var(--on-dark-outline-info);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-outline-secondary-hover: var(--on-light-outline-secondary-hover);\n --inverse-outline-secondary-active: var(--on-light-outline-secondary-active);\n --inverse-outline-tertiary-hover: var(--on-light-outline-tertiary-hover);\n --inverse-outline-tertiary-active: var(--on-light-outline-tertiary-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --inverse-outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --inverse-outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
2389
- light: "\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info: var(--on-light-text-info);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-clear: var(--on-light-surface-clear);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-secondary-hover: var(--on-light-outline-secondary-hover);\n --outline-secondary-active: var(--on-light-outline-secondary-active);\n --outline-tertiary-hover: var(--on-light-outline-tertiary-hover);\n --outline-tertiary-active: var(--on-light-outline-tertiary-active);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-negative-transparent-hover: var(--on-light-outline-negative-transparent-hover);\n --outline-negative-transparent-active: var(--on-light-outline-negative-transparent-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-positive: var(--on-light-outline-positive);\n --outline-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-outline-secondary-hover: var(--on-dark-outline-secondary-hover);\n --inverse-outline-secondary-active: var(--on-dark-outline-secondary-active);\n --inverse-outline-tertiary-hover: var(--on-dark-outline-tertiary-hover);\n --inverse-outline-tertiary-active: var(--on-dark-outline-tertiary-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --inverse-outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
2398
+ dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-info: var(--on-dark-text-info);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-hover-brightness: var(--on-light-text-primary-hover-brightness);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-active-brightness: var(--on-light-text-primary-active-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-brightness: var(--on-dark-surface-solid-default-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-hover-brightness: var(--on-dark-surface-solid-default-hover-brightness);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-default-active-brightness: var(--on-dark-surface-solid-default-active-brightness);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --outline-secondary-hover: var(--on-dark-outline-secondary-hover);\n --outline-secondary-active: var(--on-dark-outline-secondary-active);\n --outline-tertiary-hover: var(--on-dark-outline-tertiary-hover);\n --outline-tertiary-active: var(--on-dark-outline-tertiary-active);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-negative-transparent-hover: var(--on-dark-outline-negative-transparent-hover);\n --outline-negative-transparent-active: var(--on-dark-outline-negative-transparent-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-info: var(--on-dark-outline-info);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-outline-secondary-hover: var(--on-light-outline-secondary-hover);\n --inverse-outline-secondary-active: var(--on-light-outline-secondary-active);\n --inverse-outline-tertiary-hover: var(--on-light-outline-tertiary-hover);\n --inverse-outline-tertiary-active: var(--on-light-outline-tertiary-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --inverse-outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --inverse-outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
2399
+ light: "\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info: var(--on-light-text-info);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-hover-brightness: var(--on-dark-text-primary-hover-brightness);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-active-brightness: var(--on-dark-text-primary-active-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-solid-default-brightness: var(--on-light-surface-solid-default-brightness);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-clear: var(--on-light-surface-clear);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-hover-brightness: var(--on-light-surface-solid-default-hover-brightness);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-default-active-brightness: var(--on-light-surface-solid-default-active-brightness);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-secondary-hover: var(--on-light-outline-secondary-hover);\n --outline-secondary-active: var(--on-light-outline-secondary-active);\n --outline-tertiary-hover: var(--on-light-outline-tertiary-hover);\n --outline-tertiary-active: var(--on-light-outline-tertiary-active);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-negative-transparent-hover: var(--on-light-outline-negative-transparent-hover);\n --outline-negative-transparent-active: var(--on-light-outline-negative-transparent-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-positive: var(--on-light-outline-positive);\n --outline-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-outline-secondary-hover: var(--on-dark-outline-secondary-hover);\n --inverse-outline-secondary-active: var(--on-dark-outline-secondary-active);\n --inverse-outline-tertiary-hover: var(--on-dark-outline-tertiary-hover);\n --inverse-outline-tertiary-active: var(--on-dark-outline-tertiary-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --inverse-outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
2390
2400
  };
2391
2401
  //# sourceMappingURL=index.js.map