@salutejs-ds/sdds_sbcom 0.1.17 → 0.1.19

package/es/theme/tokens/index.js

@@ -1,140 +1,23 @@
 // Generated by robots, do not change this manually!
 
-/** Primary Hover On Light */
-var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
-
-/** Default Active Inverse */
-var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
-
-/** Sea Blue Text Accent Active Inverse */
-var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
-
-/** Violet Text Accent Active Inverse */
-var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
-
-/** Default Hover On Light */
-var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
-
-/** Default Active On Dark */
-var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
-
 /** Default Hover On Dark */
 var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
 
-/** Green Text Accent Hover Default */
-var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
-
-/** Sea Blue Text Accent Hover Default */
-var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
-
-/** Accent Secondary Hover Inverse */
-var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
-
-/** Transparent Navi Active Default */
-var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
-
-/** Transparent Accent Minor Active On Light */
-var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
-
-/** Green Text Accent Active On Light */
-var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
-
-/** Default Active Default */
-var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
-
-/** Primary Active On Dark */
-var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
-
-/** Olive Text Accent Active Default */
-var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
-
-/** Olive Text Accent Hover On Dark */
-var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
-
-/** Violet Text Accent Active On Light */
-var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
-
-/** Ochre Text Accent Active On Light */
-var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
-
-/** Accent Secondary Hover On Dark */
-var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
-
-/** Pink Text Accent Hover On Light */
-var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
-
 /** Accent Secondary Hover Default */
 var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
 
-/** Indigo Text Accent Hover Default */
-var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
-
-/** Violet Text Accent Hover On Dark */
-var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
-
-/** On Light Outline Primary */
-var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
-
-/** Inverse Outline Default */
-var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
-
-/** Blue Text Accent Hover On Dark */
-var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
-
-/** Indigo Text Accent Hover On Light */
-var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
-
-/** Sea Blue Text Accent Hover On Light */
-var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
-
-/** Ochre Text Accent Active Default */
-var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
-
-/** Inverse Background Hardline */
-var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
-
-/** Sea Blue Text Accent Hover On Dark */
-var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
-
-/** Surface Transparent Navi */
-var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
-
-/** Violet Text Accent Active Default */
-var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
-
-/** Blue Text Accent Hover Default */
-var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
-
-/** Outline Default */
-var outlineDefault = 'var(--outline-default, #FFFFFF)';
-
-/** Основной цвет текста */
-var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
-
 /** Прозрачный фон для карточек */
 var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
-/** Основной фон для карточек */
-var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
-
 /** Прозрачный фон для карточек */
 var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
 
-/** Основной фон для карточек */
-var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
-
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
-
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
-/** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
-
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
@@ -205,7 +88,7 @@ var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-
 var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
 
 /** Outline Primary */
-var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
+var outlinePrimary = 'var(--outline-primary, #3B3735)';
 
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
@@ -225,9 +108,6 @@ var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C
 /** On Dark Personas Indigo Text Accent */
 var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
 
-/** Вторичный фон на светлом фоне */
-var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
-
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
 
@@ -279,9 +159,6 @@ var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #F
 /** Blue Text Accent Active Inverse */
 var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
 
-/** Light Background Hardline */
-var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
-
 /** Цвет предупреждения на светлом фоне */
 var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
@@ -355,7 +232,7 @@ var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-acce
 var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
 
 /** Primary Active Default */
-var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
+var outlinePrimaryActive = 'var(--outline-primary-active, #2B2827FF)';
 
 /** Sea Blue Text Accent Active On Dark */
 var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
@@ -400,7 +277,7 @@ var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-acc
 var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
 /** Primary Hover Default */
-var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
+var outlinePrimaryHover = 'var(--outline-primary-hover, #6B6461FF)';
 
 /** Transparent Accent Minor Active Default */
 var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
@@ -408,9 +285,6 @@ var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-mino
 /** Transparent Navi Hover Default */
 var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
 
-/** Default Hover Default */
-var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
-
 /** Default Hover Inverse */
 var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
 
@@ -507,9 +381,6 @@ var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1
 /** Olive Text Accent Active Inverse */
 var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
 
-/** Inverse Personas Sea Blue Text Accent */
-var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
-
 /** Инвертированный основной фон для карточек */
 var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
@@ -525,9 +396,6 @@ var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #232
 /** Инвертированный основной цвет текста */
 var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
 
-/** Dark Background Hardline */
-var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
-
 /** Background Hardline */
 var backgroundHardline = 'var(--background-hardline, #000000)';
 
@@ -603,9 +471,6 @@ var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-nav
 /** Transparent Accent Minor Hover On Dark */
 var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
 
-/** Primary Active Inverse */
-var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
-
 /** On Light Personas Indigo Text Accent */
 var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
 
@@ -624,9 +489,6 @@ var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-acc
 /** Indigo Text Accent Active On Light */
 var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
 
-/** New description */
-var outlineTransparentWhite = 'var(--outline-transparent-white, #FFFFFF7A)';
-
 /** New description */
 var outlineTransparentWhiteActive = 'var(--outline-transparent-white-active, #FFFFFF49)';
 
@@ -762,12 +624,6 @@ var onLightOutlineTransparentWhiteActive = 'var(--on-light-outline-transparent-w
 /** New description */
 var onLightOutlineTransparentWhiteHover = 'var(--on-light-outline-transparent-white-hover, #FFFFFF3D)';
 
-/** New description */
-var outlineDeep = 'var(--outline-deep, #777675)';
-
-/** New description */
-var inverseOutlineTransparentWhiteActive = 'var(--inverse-outline-transparent-white-active, #FFFFFFA3)';
-
 /** Цвет успеха */
 var textPositiveActive = 'var(--text-positive-active, #469442FF)';
 
@@ -852,9 +708,6 @@ var textAccent = 'var(--text-accent, #61C8B0)';
 /** Акцентный цвет */
 var textAccentActive = 'var(--text-accent-active, #4ABFA4FF)';
 
-/** Акцентный цвет */
-var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
-
 /** Акцентный минорный цвет на темном фоне */
 var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #60C7AF93)';
 
@@ -885,18 +738,9 @@ var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F1EFFF)';
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
 
-/** Акцентный цвет на темном фоне */
-var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
-
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #60C7AF8E)';
 
-/** Акцентный цвет на темном фоне */
-var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
-
-/** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
-
 /** Цвет успеха на темном фоне */
 var onDarkTextPositive = 'var(--on-dark-text-positive, #50A84C)';
 
@@ -1023,9 +867,6 @@ var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #AF181DFF)
 /** Цвет ошибки на светлом фоне */
 var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
 
-/** Инвертированный акцентный цвет */
-var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
-
 /** Инвертированный вторичный цвет текста */
 var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #15110FFF)';
 
@@ -1095,12 +936,6 @@ var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0A8E7366)';
 /** Инвертированный цвет ошибки */
 var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
-
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
-
 /** Инвертированный цвет успеха */
 var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
 
@@ -1155,9 +990,6 @@ var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
 
-/** Акцентный фон поверхности/контрола */
-var surfaceAccent = 'var(--surface-accent, #0BA686)';
-
 /** Акцентный фон поверхности/контрола */
 var surfaceAccentHover = 'var(--surface-accent-hover, #0CBB98FF)';
 
@@ -1194,9 +1026,6 @@ var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
 /** Основной фон для карточек */
 var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
-
 /** Фон поверхности/контрола без заливки */
 var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
 
@@ -1221,9 +1050,6 @@ var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightnes
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
-
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
 
@@ -1251,9 +1077,6 @@ var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hove
 /** Третичный прозрачный фон поверхности/контрола */
 var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
-
 /** Третичный прозрачный фон поверхности/контрола */
 var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
 
@@ -1290,9 +1113,6 @@ var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
 /** Цвет фона поверхности/контрола ошибка */
 var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
 
-/** Цвет фона поверхности/контрола информация */
-var surfaceInfo = 'var(--surface-info, #9BCAF8)';
-
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
 var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
 
@@ -1419,9 +1239,6 @@ var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
-
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
 
@@ -1542,9 +1359,6 @@ var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-prima
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #A2A1A0B8)';
 
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #A2A1A0B3)';
-
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
 
@@ -1590,15 +1404,9 @@ var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparen
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFB3)';
 
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
-
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #15110F33)';
 
-/** Фон поверхности/контрола без заливки на светлом фоне */
-var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
-
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #15110F2E)';
 
@@ -1662,9 +1470,6 @@ var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-nega
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFFFF)';
 
-/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
-
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
 
@@ -1677,9 +1482,6 @@ var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
-
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #FFFFFFFF)';
 
@@ -1689,9 +1491,6 @@ var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #15110F2E)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
-
 /** Инвертированный фон поверхности/контрола без заливки */
 var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
 
@@ -1737,9 +1536,6 @@ var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFC2)';
 
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
-
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #090706FF)';
 
@@ -1779,12 +1575,6 @@ var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #AD460B
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
 var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #D3560DFF)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
-
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
-
 /** Инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0CBB98FF)';
 
@@ -1860,9 +1650,6 @@ var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
 /** Третичный фон на темном фоне */
 var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
 
-/** Основной фон на темном фоне */
-var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
-
 /** Основной фон */
 var backgroundPrimary = 'var(--background-primary, #141413)';
 
@@ -1870,7 +1657,7 @@ var backgroundPrimary = 'var(--background-primary, #141413)';
 var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
 
 /** Цвет фона паранжи темный на темном фоне */
-var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000029)';
+var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000066)';
 
 /** Основной прозрачный цвет обводки */
 var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
@@ -1882,13 +1669,13 @@ var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
 
 /** Цвет фона паранжи темный */
-var overlayHard = 'var(--overlay-hard, #00000029)';
+var overlayHard = 'var(--overlay-hard, #00000066)';
 
 /** Цвет фона паранжи светлый */
 var overlaySoft = 'var(--overlay-soft, #0000001F)';
 
 /** Цвет фона паранжи темный на светлом фоне */
-var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
+var onLightOverlayHard = 'var(--on-light-overlay-hard, #000000CC)';
 
 /** Инвертированный цвет фона паранжи светлый */
 var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
@@ -1897,7 +1684,7 @@ var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
 var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
 
 /** Инвертированный цвет фона паранжи темный */
-var inverseOverlayHard = 'var(--inverse-overlay-hard, #00000052)';
+var inverseOverlayHard = 'var(--inverse-overlay-hard, #000000CC)';
 
 /** Бесцветная обводка */
 var outlineClear = 'var(--outline-clear, #FFFFFF00)';
@@ -1911,9 +1698,6 @@ var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #F6F2F0)';
 /** Третичный фон на светлом фоне */
 var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
 
-/** Инвертированный основной фон */
-var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
-
 /** Цвет обводки успех */
 var outlinePositive = 'var(--outline-positive, #A6D2A2)';
 
@@ -1923,9 +1707,6 @@ var outlineNegative = 'var(--outline-negative, #F8A6A9)';
 /** Акцентный цвет обводки */
 var outlineAccentHover = 'var(--outline-accent-hover, #0EE1B7FF)';
 
-/** Акцентный цвет обводки */
-var outlineAccent = 'var(--outline-accent, #0BA686)';
-
 /** Акцентный цвет обводки */
 var outlineAccentActive = 'var(--outline-accent-active, #099579FF)';
 
@@ -1998,9 +1779,6 @@ var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #F25A5FF
 /** Акцентный цвет обводки на темном фоне */
 var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #0EE1B7FF)';
 
-/** Акцентный цвет обводки на темном фоне */
-var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #099579FF)';
-
 /** Бесцветная обводка на темном фоне */
 var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
 
@@ -2052,9 +1830,6 @@ var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #0ED8AFFF)
 /** Цвет обводки успех на светлом фоне */
 var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322)';
 
-/** Акцентный цвет обводки на светлом фоне */
-var onLightOutlineAccent = 'var(--on-light-outline-accent, #0BA686)';
-
 /** Акцентный цвет обводки на светлом фоне */
 var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #088169FF)';
 
@@ -2088,9 +1863,6 @@ var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #3067A6FF)';
 /** Инвертированный акцентный цвет обводки */
 var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #088169FF)';
 
-/** Инвертированный акцентный цвет обводки */
-var inverseOutlineAccent = 'var(--inverse-outline-accent, #0BA686)';
-
 /** Инвертированная бесцветная обводка */
 var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
 
@@ -2109,9 +1881,6 @@ var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primar
 /** Инвертированный основной прозрачный цвет обводки */
 var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
 
-/** Инвертированный акцентный цвет обводки */
-var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0ED8AFFF)';
-
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
 
@@ -2160,8 +1929,248 @@ var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-activ
 /** Основной цвет текста */
 var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
 
-/** On Dark Personas Indigo Surface Accent Gradient */
-var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+/** Основной фон на темном фоне */
+var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
+
+/** Inverse Background Hardline */
+var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
+
+/** Инвертированный основной фон */
+var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
+
+/** Light Background Hardline */
+var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
+
+/** Вторичный фон на светлом фоне */
+var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+
+/** Акцентный цвет обводки */
+var outlineAccent = 'var(--outline-accent, #0BA686)';
+
+/** New description */
+var outlineDeep = 'var(--outline-deep, #777675)';
+
+/** Outline Default */
+var outlineDefault = 'var(--outline-default, #383838)';
+
+/** Default Active Default */
+var outlineDefaultActive = 'var(--outline-default-active, #292929FF)';
+
+/** Default Hover Default */
+var outlineDefaultHover = 'var(--outline-default-hover, #666666FF)';
+
+/** New description */
+var outlineTransparentWhite = 'var(--outline-transparent-white, #FFFFFF7A)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccent = 'var(--inverse-outline-accent, #0BA686)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0ED8AFFF)';
+
+/** Inverse Outline Default */
+var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
+
+/** Default Active Inverse */
+var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
+
+/** Default Hover On Light */
+var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
+
+/** Primary Hover On Light */
+var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
+
+/** Blue Text Accent Hover Default */
+var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
+
+/** Green Text Accent Hover Default */
+var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
+
+/** Indigo Text Accent Hover Default */
+var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
+
+/** Sea Blue Text Accent Hover Default */
+var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
+
+/** Blue Text Accent Hover On Dark */
+var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
+
+/** Olive Text Accent Hover On Dark */
+var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
+
+/** Sea Blue Text Accent Hover On Dark */
+var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
+
+/** Violet Text Accent Hover On Dark */
+var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
+
+/** Indigo Text Accent Hover On Light */
+var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
+
+/** Pink Text Accent Hover On Light */
+var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
+
+/** Sea Blue Text Accent Hover On Light */
+var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
+
+/** Accent Secondary Hover Inverse */
+var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
+
+/** Accent Secondary Hover On Dark */
+var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #A2A1A0B3)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
+
+/** Акцентный цвет */
+var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
+
+/** Primary Active Inverse */
+var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
+
+/** New description */
+var inverseOutlineTransparentWhiteActive = 'var(--inverse-outline-transparent-white-active, #FFFFFFA3)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #099579FF)';
+
+/** Default Active On Dark */
+var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
+
+/** Primary Active On Dark */
+var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
+
+/** Ochre Text Accent Active Default */
+var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
+
+/** Olive Text Accent Active Default */
+var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
+
+/** Violet Text Accent Active Default */
+var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
+
+/** Sea Blue Text Accent Active Inverse */
+var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
+
+/** Violet Text Accent Active Inverse */
+var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
+
+/** Green Text Accent Active On Light */
+var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
+
+/** Ochre Text Accent Active On Light */
+var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
+
+/** Violet Text Accent Active On Light */
+var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
+
+/** Transparent Navi Active Default */
+var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
+
+/** Transparent Accent Minor Active On Light */
+var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccent = 'var(--on-light-outline-accent, #0BA686)';
+
+/** On Light Outline Primary */
+var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
+
+/** Inverse Personas Sea Blue Text Accent */
+var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccent = 'var(--surface-accent, #0BA686)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfo = 'var(--surface-info, #9BCAF8)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
+
+/** Surface Transparent Navi */
+var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
+
+/** Основной цвет текста */
+var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
+
+/** Dark Background Hardline */
+var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
+
+/** New description */
+var overlayMedium = 'var(--overlay-medium, #00000029)';
+
+/** New description */
+var inverseOverlayMedium = 'var(--inverse-overlay-medium, #00000052)';
+
+/** New description */
+var onDarkOverlayMedium = 'var(--on-dark-overlay-medium, #00000029)';
+
+/** New description */
+var onLightOverlayMedium = 'var(--on-light-overlay-medium, #00000052)';
 
 /** On Light Personas Olive Surface Accent Gradient */
 var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
@@ -2170,7 +2179,7 @@ var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-s
 var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
 
 /** On Dark Overlay Gradient */
-var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
+var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(270deg, #000000 0.0%, #00000000 100.0%))';
 
 /** Inverse Personas Ochre Surface Accent Gradient */
 var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
@@ -2230,10 +2239,10 @@ var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-grad
 var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
 
 /** Background Gradient */
-var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%))';
 
 /** Inverse Background Gradient */
-var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%))';
 
 /** Personas Green Surface Accent Gradient */
 var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
@@ -2343,15 +2352,18 @@ var onDarkSurfaceAccentMinorGradient = 'var(--on-dark-surface-accent-minor-gradi
 /** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
 
-/** Инвертированный акцентный фон поверхности/контрола с градиентом */
-var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%))';
-
 /** Инвертированный акцентный минорный фон поверхности/контрола с градиентом */
 var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
 
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
 
+/** On Dark Personas Indigo Surface Accent Gradient */
+var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%))';
+
 /** shadow down hard s */
 var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
 
@@ -2765,10 +2777,150 @@ var bodyXXSMedium = {
   letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
   lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
 };
+
+/** typography s text-l */
+var textL = {
+  fontFamily: 'var(--plasma-typo-text-l-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-line-height)'
+};
+
+/** typography s text-l-bold */
+var textLBold = {
+  fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-bold-line-height)'
+};
+
+/** typography s text-l-medium */
+var textLMedium = {
+  fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-medium-line-height)'
+};
+
+/** typography s text-m-bold */
+var textMBold = {
+  fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-bold-line-height)'
+};
+
+/** typography s text-s-bold */
+var textSBold = {
+  fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-bold-line-height)'
+};
+
+/** typography s text-xs */
+var textXS = {
+  fontFamily: 'var(--plasma-typo-text-xs-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-line-height)'
+};
+
+/** typography s text-m-medium */
+var textMMedium = {
+  fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-medium-line-height)'
+};
+
+/** typography s text-xs-bold */
+var textXSBold = {
+  fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)'
+};
+
+/** typography s text-m */
+var textM = {
+  fontFamily: 'var(--plasma-typo-text-m-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-line-height)'
+};
+
+/** typography s text-xs-medium */
+var textXSMedium = {
+  fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
+};
+
+/** typography s text-s */
+var textS = {
+  fontFamily: 'var(--plasma-typo-text-s-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-line-height)'
+};
+
+/** typography s text-s-medium */
+var textSMedium = {
+  fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-medium-line-height)'
+};
+
+/** New description */
+var xxlMedium = {
+  fontFamily: 'var(--plasma-typo-xxl-medium-font-family)',
+  fontSize: 'var(--plasma-typo-xxl-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-xxl-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-xxl-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-xxl-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-xxl-medium-line-height)'
+};
+
+/** New description */
+var xlMedium = {
+  fontFamily: 'var(--plasma-typo-xl-medium-font-family)',
+  fontSize: 'var(--plasma-typo-xl-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-xl-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-xl-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-xl-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-xl-medium-line-height)'
+};
 var viewContainer = {
-  dark: "\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --outline-default: var(--on-dark-outline-default);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-dark-outline-deep-active);\n        --outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --outline-deep: var(--on-dark-outline-deep);\n        --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-positive: var(--on-dark-text-positive);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --background-primary: var(--dark-background-primary);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-negative: var(--on-light-outline-negative);\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-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n      ",
-  light: "\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --outline-default: var(--on-light-outline-default);\n        --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --outline-transparent-white: var(--on-light-outline-transparent-white);\n        --outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-dark-outline-deep);\n        --inverse-outline-deep-active: var(--on-dark-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-light-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-light-outline-deep-active);\n        --outline-deep-hover: var(--on-light-outline-deep-hover);\n        --outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-positive: var(--on-light-text-positive);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --background-primary: var(--light-background-primary);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-clear: var(--on-light-outline-clear);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\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-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n      "
+  dark: "\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-dark-outline-deep-active);\n        --outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-positive: var(--on-dark-text-positive);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --background-primary: var(--dark-background-primary);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-negative: var(--on-light-outline-negative);\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-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-deep: var(--on-dark-outline-deep);\n        --outline-default: var(--on-dark-outline-default);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --overlay-medium: var(--on-dark-overlay-medium);\n        --inverse-overlay-medium: var(--on-light-overlay-medium);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n      ",
+  light: "\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-dark-outline-deep);\n        --inverse-outline-deep-active: var(--on-dark-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-light-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-light-outline-deep-active);\n        --outline-deep-hover: var(--on-light-outline-deep-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-positive: var(--on-light-text-positive);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --background-primary: var(--light-background-primary);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-clear: var(--on-light-outline-clear);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --inverse-background-secondary: var(--dark-background-secondary);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\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-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --inverse-background-primary: var(--dark-background-primary);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-deep: var(--on-light-outline-deep);\n        --outline-default: var(--on-light-outline-default);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-transparent-white: var(--on-light-outline-transparent-white);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-info: var(--on-light-surface-info);\n        --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --overlay-medium: var(--on-light-overlay-medium);\n        --inverse-overlay-medium: var(--on-dark-overlay-medium);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n      "
 };
 
-export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDeep, inverseOutlineDeepActive, inverseOutlineDeepHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentWhite, inverseOutlineTransparentWhiteActive, inverseOutlineTransparentWhiteHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDeep, inverseSurfaceSolidDeepActive, inverseSurfaceSolidDeepHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentCardMinor, inverseSurfaceTransparentCardMinorActive, inverseSurfaceTransparentCardMinorHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDeep, onDarkOutlineDeepActive, onDarkOutlineDeepHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentWhite, onDarkOutlineTransparentWhiteActive, onDarkOutlineTransparentWhiteHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDeep, onDarkSurfaceSolidDeepActive, onDarkSurfaceSolidDeepHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentCardMinor, onDarkSurfaceTransparentCardMinorActive, onDarkSurfaceTransparentCardMinorHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDeep, onLightOutlineDeepActive, onLightOutlineDeepHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentWhite, onLightOutlineTransparentWhiteActive, onLightOutlineTransparentWhiteHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDeep, onLightSurfaceSolidDeepActive, onLightSurfaceSolidDeepHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentCardMinor, onLightSurfaceTransparentCardMinorActive, onLightSurfaceTransparentCardMinorHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccent, outlineAccentActive, outlineAccentHover, outlineClear, outlineClearActive, outlineClearHover, outlineDeep, outlineDeepActive, outlineDeepHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentWhite, outlineTransparentWhiteActive, outlineTransparentWhiteHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDeep, surfaceSolidDeepActive, surfaceSolidDeepHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentCardMinor, surfaceTransparentCardMinorActive, surfaceTransparentCardMinorHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
+export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDeep, inverseOutlineDeepActive, inverseOutlineDeepHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentWhite, inverseOutlineTransparentWhiteActive, inverseOutlineTransparentWhiteHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlayMedium, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDeep, inverseSurfaceSolidDeepActive, inverseSurfaceSolidDeepHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentCardMinor, inverseSurfaceTransparentCardMinorActive, inverseSurfaceTransparentCardMinorHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDeep, onDarkOutlineDeepActive, onDarkOutlineDeepHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentWhite, onDarkOutlineTransparentWhiteActive, onDarkOutlineTransparentWhiteHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlayMedium, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDeep, onDarkSurfaceSolidDeepActive, onDarkSurfaceSolidDeepHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentCardMinor, onDarkSurfaceTransparentCardMinorActive, onDarkSurfaceTransparentCardMinorHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDeep, onLightOutlineDeepActive, onLightOutlineDeepHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentWhite, onLightOutlineTransparentWhiteActive, onLightOutlineTransparentWhiteHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlayMedium, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDeep, onLightSurfaceSolidDeepActive, onLightSurfaceSolidDeepHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentCardMinor, onLightSurfaceTransparentCardMinorActive, onLightSurfaceTransparentCardMinorHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccent, outlineAccentActive, outlineAccentHover, outlineClear, outlineClearActive, outlineClearHover, outlineDeep, outlineDeepActive, outlineDeepHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentWhite, outlineTransparentWhiteActive, outlineTransparentWhiteHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlayMedium, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDeep, surfaceSolidDeepActive, surfaceSolidDeepHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentCardMinor, surfaceTransparentCardMinorActive, surfaceTransparentCardMinorHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer, xlMedium, xxlMedium };
 //# sourceMappingURL=index.js.map