@marioschmidt/design-system-tokens 1.0.13 → 1.0.15

package/dist/ios/semantic/advertorial/color/ColorAdvertorialLight.swift

@@ -8,425 +8,371 @@
 
 import UIKit
 
-public class {
-    public static let componentAlertAlertSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
-    public static let componentAlertAlertSurfaceColorConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** On marketing offer surfaces this variable is  used. */
-    public static let componentAvatarAvatarLabelColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** 09-2025 css --article-author-name-color */
-    public static let componentAvatarAvatarLabelColorHover = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** 09-2025 css --article-author-name-color */
-    public static let componentBreadcrumbBreadcrumbTextColorHover = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** Use this token on breadcrumbs that the user's pointer is hovering on or clicked on. This token changes color between light and dark modes. L:015 / D:100 */
-    public static let componentBreadcrumbBreadcrumbTextColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1) /** Use this token on breadcrumbs that are in their default idle state. This token changes color between light and dark modes. L:035 / D:096 */
-    public static let componentBreakingNewsBreakingNewsBottomTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
-    public static let componentBreakingNewsBreakingNewsSurfaceColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentBreakingNewsBreakingNewsTextContentColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentBreakingNewsBreakingNewsTitleSurfaceColor = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1)
-    public static let componentBreakingNewsBreakingNewsTopTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
-    public static let componentButtonButtonLiveTickerLoadNewLabelColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let componentButtonButtonLiveTickerLoadNewSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentButtonGhostButtonGhostBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimaryBrandBgColorHover = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimaryBrandBgColorIdle = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimaryLabelColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimaryNeutralBgColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimaryNeutralBgColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100 */
-    public static let componentButtonPrimaryButtonPrimarySuccessColorHover = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1)
-    public static let componentButtonPrimaryButtonPrimarySuccessColorIdle = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1)
-    public static let componentButtonSecondaryButtonSecondaryBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentButtonSecondaryButtonSecondaryBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentButtonSecondaryButtonSecondaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentButtonTertiaryButtonTertiaryBorderColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentButtonTertiaryButtonTertiaryBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentButtonTertiaryButtonTertiaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentButtonTertiaryButtonTertiarySuccessBgColorHover = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1)
-    public static let componentButtonTertiaryButtonTertiarySuccessBorderColor = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1)
-    public static let componentCardCardSurfaceBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentChipsChipsBgColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentChipsChipsBgColorHover = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1)
-    public static let componentChipsChipsBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentChipsChipsLabelColorHover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentChipsChipsLabelColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentDSysDocDSysDocsLabelTextColorMode = (Light Mode) /** This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts. */
-    public static let componentDSysDocDSysDocsLabelTextSurfaceColorPrimaryPrimitiveName = BILD100 /** This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. */
-    public static let componentDSysDocDsDocSpacingItemBgColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.1)
-    public static let componentDSysDocDsDocSpacingItemBorderColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.5)
-    public static let componentDropdownDropdownBgColorHover = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let componentDropdownDropdownBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentEmptiesEmptiesBgColor = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let componentEmptiesEmptiesLogoColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentFoldoutFoldoutLabelColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentFoldoutFoldoutLabelColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentGalleryAppImageLightboxGalleryBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentHeyHeyDrawerSurfaceColor = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let componentHeyHeyFavInputFieldSurfaceColor = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentHeyHeyIconUtilColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentHeyHeySeparatorColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1) /** This is the most used color for separators across Bild products. */
-    public static let componentHeyHeyTextColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentInputFieldInputFieldBgColorDarkHighContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentInputFieldInputFieldBgColorDarkLowContrast = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1)
-    public static let componentInputFieldInputFieldBgColorDarkMediumContrast = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentInputFieldInputFieldBorderColorActive = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentInputFieldInputFieldBorderColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let componentInputFieldInputFieldBorderColorDarkActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentInputFieldInputFieldBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentKickerPartnerKickerAubiBgColor = UIColor(red: 0.941, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentKickerPartnerKickerBzBgColor = UIColor(red: 0.890, green: 0.000, blue: 0.110, alpha: 1)
-    public static let componentKickerPartnerKickerCobiBgColor = UIColor(red: 0.859, green: 0.141, blue: 0.110, alpha: 1)
-    public static let componentKickerPartnerKickerFitbookBgColor = UIColor(red: 1.000, green: 0.588, blue: 0.722, alpha: 1)
-    public static let componentKickerPartnerKickerKaufberaterBgColor = UIColor(red: 0.329, green: 0.278, blue: 0.431, alpha: 1)
-    public static let componentKickerPartnerKickerMyhomebookBgColor = UIColor(red: 0.400, green: 0.800, blue: 0.800, alpha: 1)
-    public static let componentKickerPartnerKickerPetbookBgColor = UIColor(red: 0.729, green: 0.859, blue: 0.569, alpha: 1)
-    public static let componentKickerPartnerKickerSpobiBgColor = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1)
-    public static let componentKickerPartnerKickerTechbookBgColor = UIColor(red: 0.580, green: 0.890, blue: 1.000, alpha: 1)
-    public static let componentKickerPartnerKickerTravelbookBgColor = UIColor(red: 0.561, green: 0.941, blue: 0.929, alpha: 1)
-    public static let componentKickerStandardKickerBgColorOnSurface = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentMediaplayerAudioPlayerPlayButtonBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.3)
-    public static let componentMediaplayerVidPlayerControlButtonsBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
-    public static let componentMediaplayerVidPlayerControlButtonsBgColorPressed = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.05)
-    public static let componentMediaplayerVidPlayerControlButtonsBgHoverColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.8) /** This variable is used for hover states of video player control buttons. */
-    public static let componentMediaplayerVidPlayerControlsAutoplayButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
-    public static let componentMediaplayerVidPlayerOverlayScrimColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5)
-    public static let componentMediaplayerVidPlayerProgressBarPreloadBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.3)
-    public static let componentMediaplayerVidPlayerTooltipBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7)
-    public static let componentMediaplayerVidPlayerUnmuteButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
-    public static let componentMediaplayerVidPlayerUnmuteButtonBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.35)
-    public static let componentMenuAppTobBarTabNavBottomBorder = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentMenuAppTobBarTabNavBottomBorderActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentMenuAppTopBarIconColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentMenuAppTopBarSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentMenuAppTopBarTextColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentMenuItemMenuItemBorderColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentMenuItemMenuItemLabelColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentMenuItemMenuItemLabelColorPrimaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentMenuItemMenuItemLabelColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** The variable can be used on secondary menus that many times show up on dedicated home pages specific to a topic. The menu labels are often times using the color white across color modes. */
-    public static let componentMenuMenuLinkLaneLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentMenuMenuLinkLaneLabelColorActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentMenuMenuLinkLaneSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentMenuMenuScrolledSurfaceGradientColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.95) /** Used on a thin part at the top of header in navigation menu. */
-    public static let componentMenuMenuSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentNewstickerNewsTickerBadgeIconsColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let componentNewstickerNewsTickerTimestampColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let componentPaginationGalleryPaginationElementActiveOpacity = 100 /** Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. */
-    public static let componentPaginationPaginationElementColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let componentPaginationPaginationElementColorDefault = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let componentPaginationScrollBarThumbBgColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1) /** Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. */
-    public static let componentPaginationScrollBarTrackBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1) /** Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. */
-    public static let componentPartnerLinksPartnerLinksBgColorActive = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1) /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
-    public static let componentPartnerLinksPartnerLinksBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
-    public static let componentPartnerLinksPartnerLinksBorderColorActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
-    public static let componentPartnerLinksPartnerLinksBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1) /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
-    public static let componentPartnerLinksPartnerLinksContainerBorderColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1) /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
-    public static let componentSelectionSelectionBorderColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1) /** Checkboxes and Radio buttons use this variable for their border. */
-    public static let componentSliderSliderButtonOpacity = 90 /** When users hover on gallery slider buttons the opacity changes to 90%. */
-    public static let componentSliderSliderTrackBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.35) /** This variable is used on audio player slider bars. It references a pure white with 35% opacity. */
-    public static let componentSocialShareButtonSocialShareButtonBgColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1)
-    public static let componentSocialShareButtonSocialShareButtonBgColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentSocialShareButtonSocialShareButtonLabelColorActive = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentSocialShareButtonSocialShareButtonLabelColorDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentSubheaderSubheadersColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentTabAppBottomTabBarBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let componentTabTabBgColorHover = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let componentTabTabLabelColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1)
-    public static let componentTabTabLabelColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let componentTeaserTeaserHoverOpacity = 80 /** When users hover over graphical teasers the image reduces opacity to 80%. */
-    public static let componentTeaserTeaserTitleBackgroundGradientStart = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7)
-    public static let componentTeaserTeaserTitleBackgroundGradientStop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
-    public static let componentTextLinkTextLinkColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let componentTextLinkTextLinkColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let componentTextLinkTextLinkColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let semanticAttentionAccentColorPrimary = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
-    public static let semanticAttentionAccentColorPrimaryConstant = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
-    public static let semanticAttentionAttentionColorExtraLow = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. */
-    public static let semanticAttentionAttentionColorHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
-    public static let semanticAttentionAttentionColorLow = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1) /** Low-level warning or attention tone, typically used for informational or cautionary messages. Same yellow tone across Light and Dark to maintain recognition. */
-    public static let semanticAttentionAttentionColorMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1) /** Medium-level attention tone representing stronger caution or intermediate alert states. Commonly applied in warning messages. Constant — identical in both modes. */
-    public static let semanticAttentionAttentionColorSuccessPrimary = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1) /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
-    public static let semanticAttentionAttentionColorSuccessSecondary = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1) /** Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. */
-    public static let /**
- * High-emphasis border color for clear delineation between surfaces (e.g., focus rings, high-contrast UI zones).
- * Behavior: Dynamic — light surfaces use a darker neutral, dark surfaces a light neutral tone.
- */
-semanticBorderBorderColorHighContrast = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Used for subtle dividers and low-emphasis borders in neutral areas (e.g., card outlines, input containers).
- * Dynamic — light gray in Light mode, dark gray in Dark mode.
- */
-semanticBorderBorderColorLowContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let semanticBorderBorderColorLowContrastConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1) /** Applies to UI elements that must visually remain the same regardless of theme (e.g., brand containers, static illustrations). Identical tone across Light and Dark mode. */
-    public static let /**
- * Medium-emphasis border color for standard outlines, input fields, or separators that require visible yet non-dominant contrast.
- * Behavior: Dynamic — adjusts to maintain legibility in Light and Dark themes.
- */
-semanticBorderBorderColorMediumContrast = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let semanticBorderBorderColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1) /** Applied to disabled states of primary elements (e.g., buttons, inputs) to visually reduce emphasis and indicate inactivity. */
-    public static let semanticBorderBorderColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1) /** Used for secondary component borders in a disabled state (e.g., secondary buttons, inactive input outlines). */
-    public static let /**
- * Used for success states and validation borders (e.g., input success outlines or confirmation frames).
- * Behavior: Constant — same success tone across modes for consistent feedback semantics.
- */
-semanticBorderBorderColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1)
-    public static let /**
- * Defines border color for warning and error-related components, typically used for input validation or caution zones.
- * Behavior: Constant — retains the same red warning tone in both Light and Dark modes.
- */
-semanticBorderBorderColorWarning = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let semanticCoreCoreColorPrimary = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** Used as the main brand color for key interactive elements such as primary buttons, active states, and prominent highlights. It remains constant across Light and Dark Mode. */
-    public static let semanticCoreCoreColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** Defines the secondary brand tone. This variable changes across Light and Dark Mode. */
-    public static let semanticCoreCoreColorSecondaryConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** Use this on elements that must maintain the white color even in dark mode. */
-    public static let semanticCoreCoreColorTertiary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** Represents tertiary brand accents. This variable changes across Light and Dark Mode. */
-    public static let semanticCoreCoreColorTertiaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1) /** Use this on elements that need to maintain the dark color across themes and color modes. */
-    public static let semanticCoreCoreColorTertiaryVvPipeTest = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1) /** this is a test for the token pipeline */
-    public static let semanticCoreFelipeTestColor = UIColor(red: 0.910, green: 0.341, blue: 0.039, alpha: 1) /** this is a test for the token pipeline */
-    public static let semanticCoreNpmTest = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1) /** this is a test for the token pipeline */
-    public static let /**
- * Primary color for headings and display typography. Ensures clear hierarchy and optimal readability on main surfaces. Adapds it´s color based on the brand mode for brand recognition.
- * Behavior: Dynamic — dark text in Light mode, light text in Dark mode.
- */
-semanticHeadingHeadlineColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes.
- * Behavior: Constant — remains white in both Light and Dark mode.
- */
-semanticHeadingHeadlineColorWhiteConst = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let /**
- * Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance.
- * Behavior: Constant — remains semi-transparent black across both modes.
- */
-semanticHeadingKickerTextColorOnBrightBg = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7)
-    public static let /**
- * Applied to kicker or meta text on dark colored backgrounds to maintain high legibility.
- * Behavior: Constant — always uses semi-transparent white for consistent readability.
- */
-semanticHeadingKickerTextColorOnDarkBg = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.8)
-    public static let /**
- * Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards).
- * Behavior: Constant — remains consistent across light and darkmode.
- */
-semanticHeadingKickerTextColorOnRed = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let /**
- * Used for kicker text and category labels placed directly on standard surface backgrounds.
- * Behavior: Dynamic — adjusts between red for Light and a neutral tone in Dark modes.
- */
-semanticHeadingKickerTextColorOnSurface = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let /**
- * Used for icons displayed on dark backgrounds that don´t change colors, ensuring sufficient contrast and legibility.
- * Behavior: Constant — always uses a neutral bright value.
- */
-semanticIconIconColorConstantOnDark = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let /**
- * Inverse icon color for use on contrasting backgrounds (e.g., light icons on dark surfaces or dark icons on bright surfaces).
- * Behavior: Dynamic — switches between light and dark.
- */
-semanticIconIconColorInverse = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let semanticIconIconColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1) /** Primary icon color on primary surfaces. */
-    public static let /**
- * Used for icons that must remain visually consistent regardless of mode (e.g.,  icons that are on surfaces that don't change color).
- * Identical tone in both Light and Dark mode.
- */
-semanticIconIconColorPrimaryConstant = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let semanticIconIconColorSecondaryConstant = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1) /** Secondary icon tone for less prominent actions or supportive iconography (e.g., secondary buttons, tool icons). Remains unchanged across modes. */
-    public static let /**
- * Represents success or confirmation icons (e.g., checkmarks, completion indicators).
- * Behavior: Constant — same success green tone across Light and Dark mode.
- */
-semanticIconIconColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1)
-    public static let /**
- * Disabled label tone indicating inactive or unavailable states in UI elements.
- * Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode.
- */
-semanticLabelLabelColorDisabled = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
-    public static let /**
- * Primary label color used for labels, badges, or tag text on light backgrounds. Ensures strong readability and visual hierarchy.
- * Behavior: Dynamic — dark neutral in Light mode, light neutral in Dark mode.
- */
-semanticLabelLabelColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Used when primary label color should remain unchanged across modes in static UI areas.
- * Behavior: Constant — identical tone in both Light and Dark mode.
- */
-semanticLabelLabelColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Inverse version of the primary label color, used on dark or colored backgrounds.
- * Behavior: Dynamic — switches between light and dark.
- */
-semanticLabelLabelColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Fixed inverse label tone applied where white or bright text must always appear, regardless of theme.
- * Behavior: Constant — remains bright neutral in both Light and Dark mode.
- */
-semanticLabelLabelColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Secondary label tone used for less prominent text such as secondary badges or supporting labels.
- * Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces.
- */
-semanticLabelLabelColorSecondary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let /**
- * Tertiary label tone for subtle, low-emphasis UI text such as placeholder text or tertiary badges.
- * Behavior: Constant — identical tone across both modes for stable hierarchy.
- */
-semanticLabelLabelColorTertiary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let semanticLayerOpacityLayerOpacity00 = 0
-    public static let semanticLayerOpacityLayerOpacity05 = 5
-    public static let semanticLayerOpacityLayerOpacity10 = 10
-    public static let semanticLayerOpacityLayerOpacity100 = 100
-    public static let semanticLayerOpacityLayerOpacity20 = 20
-    public static let semanticLayerOpacityLayerOpacity30 = 30
-    public static let semanticLayerOpacityLayerOpacity40 = 40
-    public static let semanticLayerOpacityLayerOpacity50 = 50
-    public static let semanticLayerOpacityLayerOpacity60 = 60
-    public static let semanticLayerOpacityLayerOpacity70 = 70
-    public static let semanticLayerOpacityLayerOpacity80 = 80
-    public static let semanticLayerOpacityLayerOpacity90 = 90
-    public static let semanticOverlayOverlayScrimBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7) /** A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. */
-    public static let /**
- * A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels.
- * Behavior: Constant — same opacity level across modes to preserve uniform layering behavior.
- */
-semanticOverlayOverlayScrimWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.7)
-    public static let /**
- * Used to represent the active or pressed state of primary actions such as tabs or links.
- * Behavior: Constant — identical value across modes for consistent interaction feedback.
- */
-semanticStateColorPrimaryActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let /**
- * Defines the disabled color for primary components (e.g., disabled primary buttons, inputs). Reduces emphasis and contrast to signal inactivity.
- * Behavior: Dynamic — slightly lighter in Light mode and darker in Dark mode to remain visually accessible.
- */
-semanticStateColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let /**
- * Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles).
- * Behavior: Dynamic — light gray in Light mode and bright gray in Dark mode to maintain perceptual balance.
- */
-semanticStateColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Inverse variant of the secondary active state, applied on dark backgrounds or inverse layouts.
- * Behavior: Dynamic — switches between bright and dark tones depending on the background.
- */
-semanticStateColorSecondaryActiveInverse = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let /**
- * Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility.
- * Behavior: Dynamic — adapts neutral tones based on theme brightness.
- */
-semanticStateColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Represents active or pressed states for tertiary elements (e.g., link highlights, icons, or subtle interactive surfaces).
- * Behavior: Constant — uses the same green success tone across Light and Dark mode.
- */
-semanticStateColorTertiaryActive = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1)
-    public static let /**
- * Represents disabled states for tertiary levels, maintaining subtle visibility without drawing attention.
- * Behavior: Dynamic — adjusts between gray tones for Light and Dark mode consistency.
- */
-semanticStateColorTertiaryDisabled = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let /**
- * Primary surface color used for main backgrounds and large layout areas (e.g., page background, primary containers).
- * Behavior: Dynamic — adapts between light and dark surface tokens to maintain legibility and hierarchy.
- */
-semanticSurfaceSurfaceColorPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let /**
- * A fixed dark surface tone used for dark overlays or nested dark sections inside light layouts.
- * Behavior: Constant — identical across Light and Dark mode.
- */
-semanticSurfaceSurfaceColorPrimaryConstantDark = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * A fixed light surface tone used when a consistent light background is required (e.g., light panels within dark layouts).
- * Behavior: Constant — remains the same in both modes.
- */
-semanticSurfaceSurfaceColorPrimaryConstantLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let semanticSurfaceSurfaceColorPrimaryGradientStop = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0) /** Defines the end stops for primary surface gradients, creating visual depth or elevation. Used next to sliders buttons and slider container edges for fading out content. Behavior: Dynamic — light gradients in Light mode, dark gradients in Dark mode. */
-    public static let /**
- * Inverse of the primary surface, used when Light and Dark surfaces are swapped (e.g., inverse cards or elevated sections).
- * Behavior: Dynamic — switches between dark and light values depending on mode.
- */
-semanticSurfaceSurfaceColorPrimaryInverse = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let semanticSurfaceSurfaceColorQuartenary = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1) /** HIghtest elevation surface color, typically used for grouping or background accents to differentiate themselves from all previous surface color options. Uses corresponding light/dark tones for consistent layering. */
-    public static let /**
- * Inverse of the quartenary surface, used for background reversals in mixed-layout areas.
- * Behavior: Dynamic — inverts between dark and light tones depending on mode.
- */
-semanticSurfaceSurfaceColorQuartenaryInverse = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
-    public static let /**
- * Used for secondary surface layers such as cards, panels, or nested containers that need to differentiate themselves from the primary surface. .
- * Behavior: Dynamic — adapts brightness level based on mode for appropriate depth contrast.
- */
-semanticSurfaceSurfaceColorSecondary = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
-    public static let /**
- * Used for secondary surface gradients or subtle depth layers across backgrounds.
- * Behavior: Dynamic — adapts to mode brightness for smooth gradient transitions.
- */
-semanticSurfaceSurfaceColorSecondaryGradientStop = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 0)
-    public static let /**
- * Success-related background used for positive notifications, confirmation surfaces, or success banners.
- * Behavior: Constant — remains the same across Light and Dark mode to ensure brand alignment.
- */
-semanticSurfaceSurfaceColorSuccess = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1)
-    public static let /**
- * Tertiary background layer for inner containers, grouped content, or subtle elevation steps  that need to differentiate themselves from the primary and secondary surfaces.
- * Behavior: Dynamic — switches between light and dark tertiary tones.
- */
-semanticSurfaceSurfaceColorTertiary = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Represents tertiary-level gradient background.
- * Currently used on skeletons.
- */
-semanticSurfaceSurfaceColorTertiaryGradientStop = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 0)
-    public static let /**
- * Inverse tertiary background, applied when Light and Dark surfaces are reversed (e.g., dark-on-light cards).
- * Behavior: Dynamic — swaps values between modes for contrast preservation.
- */
-semanticSurfaceSurfaceColorTertiaryInverse = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1)
-    public static let semanticTextTextColorAccent = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** Accent text color used for links, interactive text, or highlighted key words. Changes from a red in light mode to a white in dark mode. */
-    public static let /**
- * Applies to text elements requiring fixed brand color usage (e.g., permanent links, brand slogans on constant backgrounds).
- * Behavior: Constant — maintains identical red tone across Light and Dark mode.
- */
-semanticTextTextColorAccentConstant = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let /**
- * Used for strong warnings, errors, or destructive action labels.
- * Behavior: Constant — red color remains unchanged between Light and Dark mode for visibility and recognition.
- */
-semanticTextTextColorAttentionHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1)
-    public static let /**
- * Represents medium attention states, often used in warnings or pending states.
- * Behavior: Constant — same orange tone across Light and Dark mode.
- */
-semanticTextTextColorAttentionMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1)
-    public static let /**
- * Muted text tone for subtle information, timestamps, or inactive text elements.
- * Behavior: Dynamic — adjusts between mid-gray in Light mode and lighter gray in Dark mode.
- */
-semanticTextTextColorMuted = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1)
-    public static let /**
- * Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
- * Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds.
- */
-semanticTextTextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let /**
- * Main text color used for body copy and all primary textual content. Ensures optimal readability and contrast on standard surfaces.
- * Behavior: Dynamic — switches between dark text on light backgrounds and light text on dark backgrounds.
- */
-semanticTextTextColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Used when primary text color must remain fixed regardless of mode (e.g., on light constant backgrounds).
- * Behavior: Constant — same tone across Light and Dark mode.
- */
-semanticTextTextColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
-    public static let /**
- * Inverse text color used on opposing surfaces (e.g., white text on red or dark backgrounds).
- * Behavior: Dynamic — alternates between light and dark mode.
- */
-semanticTextTextColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Fixed inverse tone for text that always appears on dark surfaces (e.g., hero headlines or persistent dark cards).
- * Behavior: Constant — unchanged across modes.
- */
-semanticTextTextColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
-    public static let /**
- * Secondary text color used for supportive information, subtitles, and less prominent text.
- * Behavior: Dynamic — adapts between neutral tones to maintain proper contrast per theme. In 2025 css it is called figure meta.
- */
-semanticTextTextColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
-    public static let /**
- * Used for positive or success-related messages (e.g., “Saved”, “Success”, or confirmation text) on success surface colors.
- * Behavior: Constant — green tone remains consistent across both modes.
- */
-semanticTextTextColorSuccessConstant = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1)
-}
+public class ColorAdvertorialLight {
+    /** Used as the main brand color for key interactive elements such as primary buttons, active states, and prominent highlights. It remains constant across Light and Dark Mode. */
+    public static let SemanticCoreCoreColorPrimary = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Defines the secondary brand tone. This variable changes across Light and Dark Mode. */
+    public static let SemanticCoreCoreColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Represents tertiary brand accents. This variable changes across Light and Dark Mode. */
+    public static let SemanticCoreCoreColorTertiary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Use this on elements that must maintain the white color even in dark mode. */
+    public static let SemanticCoreCoreColorSecondaryConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Use this on elements that need to maintain the dark color across themes and color modes. */
+    public static let SemanticCoreCoreColorTertiaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** this is a test for the token pipeline */
+    public static let SemanticCoreCoreColorTertiaryVvPipeTEST = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1.000)
+    /** this is a test for the token pipeline */
+    public static let SemanticCoreNpmTest = UIColor(red: 0.278, green: 0.431, blue: 0.580, alpha: 1.000)
+    /** this is a test for the token pipeline */
+    public static let SemanticCoreFelipeTestColor = UIColor(red: 0.910, green: 0.341, blue: 0.039, alpha: 1.000)
+    /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
+    public static let SemanticAttentionAccentColorPrimary = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
+    public static let SemanticAttentionAccentColorPrimaryConstant = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
+    public static let SemanticAttentionAttentionColorSuccessPrimary = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
+    /** Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. */
+    public static let SemanticAttentionAttentionColorSuccessSecondary = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
+    /** Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. */
+    public static let SemanticAttentionAttentionColorExtraLow = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Low-level warning or attention tone, typically used for informational or cautionary messages. Same yellow tone across Light and Dark to maintain recognition. */
+    public static let SemanticAttentionAttentionColorLow = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1.000)
+    /** Medium-level attention tone representing stronger caution or intermediate alert states. Commonly applied in warning messages. Constant — identical in both modes. */
+    public static let SemanticAttentionAttentionColorMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1.000)
+    /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
+    public static let SemanticAttentionAttentionColorHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Used for subtle dividers and low-emphasis borders in neutral areas (e.g., card outlines, input containers).
+Dynamic — light gray in Light mode, dark gray in Dark mode. */
+    public static let SemanticBorderBorderColorLowContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Applies to UI elements that must visually remain the same regardless of theme (e.g., brand containers, static illustrations). Identical tone across Light and Dark mode. */
+    public static let SemanticBorderBorderColorLowContrastConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Medium-emphasis border color for standard outlines, input fields, or separators that require visible yet non-dominant contrast.
+Behavior: Dynamic — adjusts to maintain legibility in Light and Dark themes. */
+    public static let SemanticBorderBorderColorMediumContrast = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    /** High-emphasis border color for clear delineation between surfaces (e.g., focus rings, high-contrast UI zones).
+Behavior: Dynamic — light surfaces use a darker neutral, dark surfaces a light neutral tone. */
+    public static let SemanticBorderBorderColorHighContrast = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Used for success states and validation borders (e.g., input success outlines or confirmation frames).
+Behavior: Constant — same success tone across modes for consistent feedback semantics. */
+    public static let SemanticBorderBorderColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
+    /** Defines border color for warning and error-related components, typically used for input validation or caution zones.
+Behavior: Constant — retains the same red warning tone in both Light and Dark modes. */
+    public static let SemanticBorderBorderColorWarning = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Applied to disabled states of primary elements (e.g., buttons, inputs) to visually reduce emphasis and indicate inactivity. */
+    public static let SemanticBorderBorderColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    /** Used for secondary component borders in a disabled state (e.g., secondary buttons, inactive input outlines). */
+    public static let SemanticBorderBorderColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Primary icon color on primary surfaces. */
+    public static let SemanticIconIconColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** Used for icons that must remain visually consistent regardless of mode (e.g.,  icons that are on surfaces that don't change color).
+Identical tone in both Light and Dark mode. */
+    public static let SemanticIconIconColorPrimaryConstant = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** Inverse icon color for use on contrasting backgrounds (e.g., light icons on dark surfaces or dark icons on bright surfaces).
+Behavior: Dynamic — switches between light and dark. */
+    public static let SemanticIconIconColorInverse = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    /** Secondary icon tone for less prominent actions or supportive iconography (e.g., secondary buttons, tool icons). Remains unchanged across modes. */
+    public static let SemanticIconIconColorSecondaryConstant = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    /** Used for icons displayed on dark backgrounds that don´t change colors, ensuring sufficient contrast and legibility.
+Behavior: Constant — always uses a neutral bright value. */
+    public static let SemanticIconIconColorConstantOnDark = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    /** Represents success or confirmation icons (e.g., checkmarks, completion indicators).
+Behavior: Constant — same success green tone across Light and Dark mode. */
+    public static let SemanticIconIconColorSuccess = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
+    /** A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. */
+    public static let SemanticOverlayOverlayScrimBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
+    /** A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels.
+Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. */
+    public static let SemanticOverlayOverlayScrimWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.700)
+    /** Used to represent the active or pressed state of primary actions such as tabs or links.
+Behavior: Constant — identical value across modes for consistent interaction feedback. */
+    public static let SemanticStateColorPrimaryActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles).
+Behavior: Dynamic — light gray in Light mode and bright gray in Dark mode to maintain perceptual balance. */
+    public static let SemanticStateColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Inverse variant of the secondary active state, applied on dark backgrounds or inverse layouts.
+Behavior: Dynamic — switches between bright and dark tones depending on the background. */
+    public static let SemanticStateColorSecondaryActiveInverse = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    /** Represents active or pressed states for tertiary elements (e.g., link highlights, icons, or subtle interactive surfaces).
+Behavior: Constant — uses the same green success tone across Light and Dark mode. */
+    public static let SemanticStateColorTertiaryActive = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1.000)
+    /** Defines the disabled color for primary components (e.g., disabled primary buttons, inputs). Reduces emphasis and contrast to signal inactivity.
+Behavior: Dynamic — slightly lighter in Light mode and darker in Dark mode to remain visually accessible. */
+    public static let SemanticStateColorPrimaryDisabled = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    /** Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility.
+Behavior: Dynamic — adapts neutral tones based on theme brightness. */
+    public static let SemanticStateColorSecondaryDisabled = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Represents disabled states for tertiary levels, maintaining subtle visibility without drawing attention.
+Behavior: Dynamic — adjusts between gray tones for Light and Dark mode consistency. */
+    public static let SemanticStateColorTertiaryDisabled = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    /** Primary surface color used for main backgrounds and large layout areas (e.g., page background, primary containers).
+Behavior: Dynamic — adapts between light and dark surface tokens to maintain legibility and hierarchy. */
+    public static let SemanticSurfaceSurfaceColorPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Inverse of the primary surface, used when Light and Dark surfaces are swapped (e.g., inverse cards or elevated sections).
+Behavior: Dynamic — switches between dark and light values depending on mode. */
+    public static let SemanticSurfaceSurfaceColorPrimaryInverse = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** A fixed light surface tone used when a consistent light background is required (e.g., light panels within dark layouts).
+Behavior: Constant — remains the same in both modes. */
+    public static let SemanticSurfaceSurfaceColorPrimaryConstantLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** A fixed dark surface tone used for dark overlays or nested dark sections inside light layouts.
+Behavior: Constant — identical across Light and Dark mode. */
+    public static let SemanticSurfaceSurfaceColorPrimaryConstantDark = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Used for secondary surface layers such as cards, panels, or nested containers that need to differentiate themselves from the primary surface. .
+Behavior: Dynamic — adapts brightness level based on mode for appropriate depth contrast. */
+    public static let SemanticSurfaceSurfaceColorSecondary = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    /** Tertiary background layer for inner containers, grouped content, or subtle elevation steps  that need to differentiate themselves from the primary and secondary surfaces.
+Behavior: Dynamic — switches between light and dark tertiary tones. */
+    public static let SemanticSurfaceSurfaceColorTertiary = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Inverse tertiary background, applied when Light and Dark surfaces are reversed (e.g., dark-on-light cards).
+Behavior: Dynamic — swaps values between modes for contrast preservation. */
+    public static let SemanticSurfaceSurfaceColorTertiaryInverse = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
+    /** HIghtest elevation surface color, typically used for grouping or background accents to differentiate themselves from all previous surface color options. Uses corresponding light/dark tones for consistent layering. */
+    public static let SemanticSurfaceSurfaceColorQuartenary = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    /** Inverse of the quartenary surface, used for background reversals in mixed-layout areas.
+Behavior: Dynamic — inverts between dark and light tones depending on mode. */
+    public static let SemanticSurfaceSurfaceColorQuartenaryInverse = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** Success-related background used for positive notifications, confirmation surfaces, or success banners.
+Behavior: Constant — remains the same across Light and Dark mode to ensure brand alignment. */
+    public static let SemanticSurfaceSurfaceColorSuccess = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1.000)
+    /** Defines the end stops for primary surface gradients, creating visual depth or elevation. Used next to sliders buttons and slider container edges for fading out content. Behavior: Dynamic — light gradients in Light mode, dark gradients in Dark mode. */
+    public static let SemanticSurfaceSurfaceColorPrimaryGradientStop = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.000)
+    /** Used for secondary surface gradients or subtle depth layers across backgrounds.
+Behavior: Dynamic — adapts to mode brightness for smooth gradient transitions. */
+    public static let SemanticSurfaceSurfaceColorSecondaryGradientStop = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 0.000)
+    /** Represents tertiary-level gradient background.
+Currently used on skeletons. */
+    public static let SemanticSurfaceSurfaceColorTertiaryGradientStop = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 0.000)
+    /** Primary color for headings and display typography. Ensures clear hierarchy and optimal readability on main surfaces. Adapds it´s color based on the brand mode for brand recognition.
+Behavior: Dynamic — dark text in Light mode, light text in Dark mode. */
+    public static let SemanticHeadingHeadlineColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes.
+Behavior: Constant — remains white in both Light and Dark mode. */
+    public static let SemanticHeadingHeadlineColorWhiteConst = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Used for kicker text and category labels placed directly on standard surface backgrounds.
+Behavior: Dynamic — adjusts between red for Light and a neutral tone in Dark modes. */
+    public static let SemanticHeadingKickerTextColorOnSurface = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards).
+Behavior: Constant — remains consistent across light and darkmode. */
+    public static let SemanticHeadingKickerTextColorOnRed = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Applied to kicker or meta text on dark colored backgrounds to maintain high legibility.
+Behavior: Constant — always uses semi-transparent white for consistent readability. */
+    public static let SemanticHeadingKickerTextColorOnDarkBg = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.800)
+    /** Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance.
+Behavior: Constant — remains semi-transparent black across both modes. */
+    public static let SemanticHeadingKickerTextColorOnBrightBg = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
+    /** Main text color used for body copy and all primary textual content. Ensures optimal readability and contrast on standard surfaces.
+Behavior: Dynamic — switches between dark text on light backgrounds and light text on dark backgrounds. */
+    public static let SemanticTextTextColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Used when primary text color must remain fixed regardless of mode (e.g., on light constant backgrounds).
+Behavior: Constant — same tone across Light and Dark mode. */
+    public static let SemanticTextTextColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Inverse text color used on opposing surfaces (e.g., white text on red or dark backgrounds).
+Behavior: Dynamic — alternates between light and dark mode. */
+    public static let SemanticTextTextColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Fixed inverse tone for text that always appears on dark surfaces (e.g., hero headlines or persistent dark cards).
+Behavior: Constant — unchanged across modes. */
+    public static let SemanticTextTextColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Secondary text color used for supportive information, subtitles, and less prominent text.
+Behavior: Dynamic — adapts between neutral tones to maintain proper contrast per theme. In 2025 css it is called figure meta. */
+    public static let SemanticTextTextColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    /** Muted text tone for subtle information, timestamps, or inactive text elements.
+Behavior: Dynamic — adjusts between mid-gray in Light mode and lighter gray in Dark mode. */
+    public static let SemanticTextTextColorMuted = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1.000)
+    /** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
+Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
+    public static let SemanticTextTextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Accent text color used for links, interactive text, or highlighted key words. Changes from a red in light mode to a white in dark mode. */
+    public static let SemanticTextTextColorAccent = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Applies to text elements requiring fixed brand color usage (e.g., permanent links, brand slogans on constant backgrounds).
+Behavior: Constant — maintains identical red tone across Light and Dark mode. */
+    public static let SemanticTextTextColorAccentConstant = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Used for positive or success-related messages (e.g., “Saved”, “Success”, or confirmation text) on success surface colors.
+Behavior: Constant — green tone remains consistent across both modes. */
+    public static let SemanticTextTextColorSuccessConstant = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
+    /** Used for strong warnings, errors, or destructive action labels.
+Behavior: Constant — red color remains unchanged between Light and Dark mode for visibility and recognition. */
+    public static let SemanticTextTextColorAttentionHigh = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Represents medium attention states, often used in warnings or pending states.
+Behavior: Constant — same orange tone across Light and Dark mode. */
+    public static let SemanticTextTextColorAttentionMedium = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1.000)
+    /** Primary label color used for labels, badges, or tag text on light backgrounds. Ensures strong readability and visual hierarchy.
+Behavior: Dynamic — dark neutral in Light mode, light neutral in Dark mode. */
+    public static let SemanticLabelLabelColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Inverse version of the primary label color, used on dark or colored backgrounds.
+Behavior: Dynamic — switches between light and dark. */
+    public static let SemanticLabelLabelColorPrimaryInverse = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Used when primary label color should remain unchanged across modes in static UI areas.
+Behavior: Constant — identical tone in both Light and Dark mode. */
+    public static let SemanticLabelLabelColorPrimaryConstant = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** Fixed inverse label tone applied where white or bright text must always appear, regardless of theme.
+Behavior: Constant — remains bright neutral in both Light and Dark mode. */
+    public static let SemanticLabelLabelColorPrimaryInverseConstant = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** Secondary label tone used for less prominent text such as secondary badges or supporting labels.
+Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces. */
+    public static let SemanticLabelLabelColorSecondary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** Tertiary label tone for subtle, low-emphasis UI text such as placeholder text or tertiary badges.
+Behavior: Constant — identical tone across both modes for stable hierarchy. */
+    public static let SemanticLabelLabelColorTertiary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    /** Disabled label tone indicating inactive or unavailable states in UI elements.
+Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. */
+    public static let SemanticLabelLabelColorDisabled = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let SemanticLayerOpacityLayerOpacity00 = 0
+    public static let SemanticLayerOpacityLayerOpacity05 = 5
+    public static let SemanticLayerOpacityLayerOpacity10 = 10
+    public static let SemanticLayerOpacityLayerOpacity20 = 20
+    public static let SemanticLayerOpacityLayerOpacity30 = 30
+    public static let SemanticLayerOpacityLayerOpacity40 = 40
+    public static let SemanticLayerOpacityLayerOpacity50 = 50
+    public static let SemanticLayerOpacityLayerOpacity60 = 60
+    public static let SemanticLayerOpacityLayerOpacity70 = 70
+    public static let SemanticLayerOpacityLayerOpacity80 = 80
+    public static let SemanticLayerOpacityLayerOpacity90 = 90
+    public static let SemanticLayerOpacityLayerOpacity100 = 100
+    /** 09-2025 css --article-author-name-color */
+    public static let ComponentAvatarAvatarLabelColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** 09-2025 css --article-author-name-color */
+    public static let ComponentAvatarAvatarLabelColorHover = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
+    public static let ComponentAlertAlertSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** On marketing offer surfaces this variable is  used. */
+    public static let ComponentAlertAlertSurfaceColorConstant = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Use this token on breadcrumbs that are in their default idle state. This token changes color between light and dark modes. L:035 / D:096 */
+    public static let ComponentBreadcrumbBreadcrumbTextColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** Use this token on breadcrumbs that the user's pointer is hovering on or clicked on. This token changes color between light and dark modes. L:015 / D:100 */
+    public static let ComponentBreadcrumbBreadcrumbTextColorHover = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentBreakingNewsBreakingNewsTopTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
+    public static let ComponentBreakingNewsBreakingNewsBottomTitleTextColor = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
+    public static let ComponentBreakingNewsBreakingNewsTitleSurfaceColor = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1.000)
+    public static let ComponentBreakingNewsBreakingNewsSurfaceColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentBreakingNewsBreakingNewsTextContentColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimaryLabelColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100 */
+    public static let ComponentButtonPrimaryButtonPrimaryNeutralBgColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimaryNeutralBgColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimaryBrandBgColorIdle = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimaryBrandBgColorHover = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimarySuccessColorIdle = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1.000)
+    public static let ComponentButtonPrimaryButtonPrimarySuccessColorHover = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1.000)
+    public static let ComponentButtonSecondaryButtonSecondaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentButtonSecondaryButtonSecondaryBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentButtonSecondaryButtonSecondaryBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentButtonTertiaryButtonTertiaryLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentButtonTertiaryButtonTertiaryBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentButtonTertiaryButtonTertiaryBorderColorHover = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentButtonTertiaryButtonTertiarySuccessBgColorHover = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1.000)
+    public static let ComponentButtonTertiaryButtonTertiarySuccessBorderColor = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1.000)
+    public static let ComponentButtonGhostButtonGhostBgColorHover = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentButtonButtonLiveTickerLoadNewSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentButtonButtonLiveTickerLoadNewLabelColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    public static let ComponentCardCardSurfaceBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentChipsChipsBgColorIdle = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentChipsChipsBgColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentChipsChipsBgColorHover = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1.000)
+    public static let ComponentChipsChipsLabelColorIdle = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentChipsChipsLabelColorHover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentDropdownDropdownBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentDropdownDropdownBgColorHover = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    public static let ComponentEmptiesEmptiesLogoColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentEmptiesEmptiesBgColor = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    public static let ComponentFoldoutFoldoutLabelColorIdle = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentFoldoutFoldoutLabelColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentGalleryAppImageLightboxGalleryBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentHeyHeyDrawerSurfaceColor = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1.000)
+    public static let ComponentHeyHeyFavInputFieldSurfaceColor = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentHeyHeyIconUtilColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** This is the most used color for separators across Bild products. */
+    public static let ComponentHeyHeySeparatorColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentHeyHeyTextColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBorderColorActive = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBorderColorDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBorderColorDarkActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBgColorDarkLowContrast = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBgColorDarkMediumContrast = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentInputFieldInputFieldBgColorDarkHighContrast = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentKickerStandardKickerBgColorOnSurface = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerBzBgColor = UIColor(red: 0.890, green: 0.000, blue: 0.110, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerFitbookBgColor = UIColor(red: 1.000, green: 0.588, blue: 0.722, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerPetbookBgColor = UIColor(red: 0.729, green: 0.859, blue: 0.569, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerMyhomebookBgColor = UIColor(red: 0.400, green: 0.800, blue: 0.800, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerTravelbookBgColor = UIColor(red: 0.561, green: 0.941, blue: 0.929, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerTechbookBgColor = UIColor(red: 0.580, green: 0.890, blue: 1.000, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerKaufberaterBgColor = UIColor(red: 0.329, green: 0.278, blue: 0.431, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerCobiBgColor = UIColor(red: 0.859, green: 0.141, blue: 0.110, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerAubiBgColor = UIColor(red: 0.941, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentKickerPartnerKickerSpobiBgColor = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1.000)
+    public static let ComponentMediaplayerVidPlayerControlsAutoplayButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
+    /** This variable is used for hover states of video player control buttons. */
+    public static let ComponentMediaplayerVidPlayerControlButtonsBgHoverColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.800)
+    public static let ComponentMediaplayerVidPlayerControlButtonsBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
+    public static let ComponentMediaplayerVidPlayerControlButtonsBgColorPressed = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050)
+    public static let ComponentMediaplayerVidPlayerOverlayScrimColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.500)
+    public static let ComponentMediaplayerAudioPlayerPlayButtonBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.300)
+    public static let ComponentMediaplayerVidPlayerTooltipBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
+    public static let ComponentMediaplayerVidPlayerProgressBarPreloadBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.300)
+    public static let ComponentMediaplayerVidPlayerUnmuteButtonBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
+    public static let ComponentMediaplayerVidPlayerUnmuteButtonBgColorHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.350)
+    public static let ComponentMenuMenuSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** Used on a thin part at the top of header in navigation menu. */
+    public static let ComponentMenuMenuScrolledSurfaceGradientColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.950)
+    public static let ComponentMenuMenuLinkLaneSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentMenuMenuLinkLaneLabelColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentMenuMenuLinkLaneLabelColorActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentMenuAppTopBarSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentMenuAppTopBarIconColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentMenuAppTopBarTextColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentMenuAppTobBarTabNavBottomBorder = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentMenuAppTobBarTabNavBottomBorderActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    public static let ComponentMenuItemMenuItemLabelColorPrimary = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentMenuItemMenuItemLabelColorPrimaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** The variable can be used on secondary menus that many times show up on dedicated home pages specific to a topic. The menu labels are often times using the color white across color modes. */
+    public static let ComponentMenuItemMenuItemLabelColorSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentMenuItemMenuItemBorderColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    public static let ComponentPartnerLinksPartnerLinksBgColorIdle = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    public static let ComponentPartnerLinksPartnerLinksBgColorActive = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    public static let ComponentPartnerLinksPartnerLinksBorderColorIdle = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    public static let ComponentPartnerLinksPartnerLinksBorderColorActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    public static let ComponentPartnerLinksPartnerLinksContainerBorderColor = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentNewstickerNewsTickerTimestampColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    public static let ComponentNewstickerNewsTickerBadgeIconsColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    public static let ComponentPaginationPaginationElementColorDefault = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1.000)
+    public static let ComponentPaginationPaginationElementColorActive = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1.000)
+    /** Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. */
+    public static let ComponentPaginationGalleryPaginationElementActiveOpacity = 100
+    /** Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. */
+    public static let ComponentPaginationScrollBarTrackBgColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.100)
+    /** Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. */
+    public static let ComponentPaginationScrollBarThumbBgColor = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    /** Checkboxes and Radio buttons use this variable for their border. */
+    public static let ComponentSelectionSelectionBorderColor = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    /** When users hover on gallery slider buttons the opacity changes to 90%. */
+    public static let ComponentSliderSliderButtonOpacity = 90
+    /** This variable is used on audio player slider bars. It references a pure white with 35% opacity. */
+    public static let ComponentSliderSliderTrackBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.350)
+    public static let ComponentSocialShareButtonSocialShareButtonLabelColorDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentSocialShareButtonSocialShareButtonLabelColorActive = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    public static let ComponentSocialShareButtonSocialShareButtonBgColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentSocialShareButtonSocialShareButtonBgColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
+    public static let ComponentSubheaderSubheadersColor = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentTabTabBgColorHover = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1.000)
+    public static let ComponentTabTabLabelColorActive = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1.000)
+    public static let ComponentTabTabLabelColorDefault = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1.000)
+    public static let ComponentTabAppBottomTabBarBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
+    /** When users hover over graphical teasers the image reduces opacity to 80%. */
+    public static let ComponentTeaserTeaserHoverOpacity = 80
+    public static let ComponentTeaserTeaserTitleBackgroundGradientStart = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.700)
+    public static let ComponentTeaserTeaserTitleBackgroundGradientStop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.000)
+    public static let ComponentTextLinkTextLinkColorPrimary = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let ComponentTextLinkTextLinkColorSecondary = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
+    public static let ComponentTextLinkTextLinkColorSecondaryActive = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1.000)
+    public static let Component_DSysDocDsDocSpacingItemBgColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.100)
+    public static let Component_DSysDocDsDocSpacingItemBorderColor = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.500)
+    /** This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. */
+    public static let Component_DSysDoc_DSysDocs_labelTextSurfaceColorPrimaryPrimitiveName = "BILD100"
+    /** This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts. */
+    public static let Component_DSysDoc_DSysDocs_labelTextColorMode = "(Light Mode)"
+}