@marioschmidt/design-system-tokens 1.0.35 → 1.0.36

package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml

@@ -4,272 +4,6 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <dimen name="aricle-mobile1-col-grid-image-margin-space">0px</dimen>
-  <dimen name="article-top-margin-space">8px</dimen><!-- 8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box. -->
-  <dimen name="article-kicker-font-size">18px</dimen><!-- This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30 -->
-  <dimen name="article-headline-font-size">40px</dimen><!-- 40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG -->
-  <dimen name="article-gallery-ateaser-width">145px</dimen><!-- same as standard teaser width size variable -->
-  <dimen name="article-image-caption-font-size">16px</dimen><!-- CSS --article-figure-meta-font-size 16-16-18-18 -->
-  <dimen name="article-image-source-font-size">16px</dimen><!-- NMT CSS --article-figure-meta-font-size -->
-  <dimen name="article-image-caption-line-height">19.5px</dimen><!-- this component level variable references the branding variables -->
-  <dimen name="article-image-source-line-height">21px</dimen>
-  <dimen name="article-content-stack-space">16px</dimen><!-- 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc. -->
-  <dimen name="article-headings-stack-space">12px</dimen><!-- 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8 -->
-  <dimen name="article-image-landscape-inline-space">0px</dimen>
-  <string name="article-meta-font-family">Gotham</string><!-- This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection. -->
-  <dimen name="article-meta-font-size">12px</dimen><!-- This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16 -->
-  <dimen name="article-content-inline-space">16px</dimen><!-- 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values. -->
-  <dimen name="article-headings-inline-space">16px</dimen><!-- 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline. -->
-  <dimen name="article-image-portait-inline-space">0px</dimen>
-  <dimen name="article-image-container-stack-space">8px</dimen>
-  <dimen name="article-infobox-inline-space">16px</dimen>
-  <dimen name="article-infobox-stack-space">16px</dimen>
-  <dimen name="bild-design-frame-space">12px</dimen><!-- Variable used in spacing parameters of bild.design webpage mockups. move to bild.design group maybe -->
-  <dimen name="ds-main-container-space">0px</dimen><!-- This variable is used on documentation pages. This is an alternative variable to the main container max width variable. 0 - 0 - 68 - 68 -->
-  <dimen name="dsys-docs-width-size">320px</dimen>
-  <dimen name="main-content-stage-size">320px</dimen><!-- This variable is used as a max width size for content blocks. For mobile devices this var references the DSysDocsWidthSize var 320 - 750 - 962 - 1024 -->
-  <dimen name="foundations-banner-height-size">80px</dimen><!-- This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 -->
-  <dimen name="ds-caption-stack-space0-5x">4px</dimen><!-- This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 -->
-  <dimen name="ds-caption-stack-space1x">8px</dimen>
-  <dimen name="1column-mobile">320px</dimen><!-- This variable is used only for this design system's component tests. -->
-  <dimen name="thin-banner-vertical-height-size">558px</dimen><!-- This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186 -->
-  <string name="specs-font-family">Gotham</string><!-- This variable is used only for texts and labels that form part of this design system's documentation. -->
-  <dimen name="doc-header-height-size">144px</dimen><!-- This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 -->
-  <dimen name="menu-item-space">8px</dimen>
-  <dimen name="menu-item-font-size">15px</dimen><!-- This variable is used on the menu link lane and on the mobile side menu drawer. -->
-  <dimen name="menu-item-util-font-size">12px</dimen>
-  <dimen name="menu-item-util-stack-space">10px</dimen>
-  <dimen name="menu-link-lane-height-size">48px</dimen>
-  <dimen name="menu-utillink-item-height-size">48px</dimen>
-  <dimen name="menu-link-item-inline-space">4px</dimen>
-  <dimen name="menu-logo-default-size">56px</dimen>
-  <dimen name="menu-logo-scrolled-size">56px</dimen>
-  <dimen name="menu-special-navi-item-height-size">48px</dimen>
-  <dimen name="sub-nav-bar-height-size">42px</dimen>
-  <dimen name="menu-utility-links-container-height-size">56px</dimen>
-  <dimen name="menu-top-stack-space">8px</dimen>
-  <dimen name="menu-left-inline-space">8px</dimen>
-  <dimen name="menu-utility-links-gap-space">24px</dimen>
-  <dimen name="menu-right-inline-space">0px</dimen>
-  <dimen name="menu-bottom-stack-space">8px</dimen>
-  <dimen name="menu-utility-links-divider-height-size">40px</dimen>
-  <color name="menu-shadow-visibility">#0000001a</color><!-- This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 10 - 10 - 10 - 0 -->
-  <color name="hey-input-shadow-visibility">#00000000</color><!-- This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 0 - 0 - 0 - 10 -->
-  <dimen name="app-topbar-title-font-size">12px</dimen>
-  <dimen name="app-topbar-stage-title-height">14px</dimen>
-  <dimen name="i-osapp-top-bar-height-size">44px</dimen>
-  <dimen name="i-osapp-top-bar-left-inline-space">12px</dimen>
-  <dimen name="i-osapp-top-bar-right-inline-space">16px</dimen>
-  <dimen name="teaser-title-inline-left-space">12px</dimen>
-  <dimen name="teaser-title-stack-space">4px</dimen>
-  <dimen name="m-qteaser-headline-font-size">22px</dimen><!-- XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 -->
-  <string name="m-qteaser-headline-font-weight">600</string>
-  <dimen name="m-qteaser-headline-line-height">22px</dimen>
-  <dimen name="mq-teaser-title-inline-space">8px</dimen>
-  <dimen name="a-teaser-kicker-font-size">16px</dimen><!-- 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable -->
-  <dimen name="a-teaser-headline-font-size">28px</dimen><!-- This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 -->
-  <dimen name="a-teaser-kicker-line-height">16px</dimen>
-  <dimen name="a-teaser-headline-line-height">28px</dimen>
-  <dimen name="a-teaser-title-inline-space">8px</dimen>
-  <dimen name="teaser-title-gap-space">4px</dimen>
-  <dimen name="std-teaser-image-title-gap-space">4px</dimen>
-  <dimen name="std-teaser-badges-margin-space">4px</dimen><!-- This variable is used for creating space around the outside of a subscription badge or video icon badge. -->
-  <dimen name="std-teaser-kicker-headline-stack-space">2px</dimen><!-- 2 | 2 | 2 | 2 - This variable is used on the standard teaser vertical spacing between the kicker and the headline. It references the semantic variable stackSpaceConst3XS -->
-  <dimen name="teaser-kicker-bg-inline-space">6px</dimen>
-  <dimen name="teaser-kicker-bg-stack-space">2px</dimen>
-  <dimen name="quad-headline-font-size">48px</dimen><!-- This component level variable is used on the quad teaser headline. It references the semantic level variable headline1. 48 - 48 - 72 - 100 -->
-  <dimen name="quad-kicker-font-size">18px</dimen>
-  <dimen name="quad-headline-line-height">48px</dimen>
-  <dimen name="q-teaser-title-inline-space">8px</dimen>
-  <dimen name="teaser-badges-margin-space">8px</dimen><!-- This variable is used for creating space around the outside of a subscription badge or video icon badge. -->
-  <dimen name="teaser-badges-height-size-lg">32px</dimen><!-- This token is for controling the height of badges that are inside of teasers. 32 - 32 - 32 - 40 -->
-  <dimen name="teaser-title-bottom-stack-space">12px</dimen>
-  <dimen name="teaser-badges-height-size-sm">24px</dimen>
-  <dimen name="bild-play-teaser-width-size">145px</dimen>
-  <dimen name="teaser-layout-grid-space">12px</dimen>
-  <dimen name="super-ateaser-title-inline-space">16px</dimen><!-- 16 - 16 - 16 - 16 -->
-  <dimen name="b-teaser-title-inline-space">8px</dimen>
-  <dimen name="table-column-width-size1x">80px</dimen>
-  <dimen name="table-column-width-size2x">140px</dimen>
-  <dimen name="table-column-width-size0-5x">40px</dimen>
-  <dimen name="table-column-width-size1-5x">120px</dimen>
-  <dimen name="table-column-width-size2-5x">180px</dimen>
-  <dimen name="table-column-width-size0-75x">56px</dimen>
-  <dimen name="table-column-width-size3x">200px</dimen>
-  <dimen name="table-item-max-width-size">224px</dimen>
-  <dimen name="separator-thickness-size">2px</dimen>
-  <dimen name="avatar-label-font-size">16px</dimen><!-- This variable is used on avatar names in article pages. Bild: 16 - 16 - 16 - 18; SpoBi&Ads: 13 - 13 - 13 - 15 -->
-  <dimen name="avatar-article-size">48px</dimen><!-- This variable is used for setting the size of avatar images in article pages. It references the sizeConstMD variable from the "generic" semantic collection. Its value is 48 across devices. -->
-  <dimen name="avatar-author-page-size">96px</dimen><!-- 96 - 96 - 130 - 130 This variable is used for controlling the size of the avatar image on author pages. -->
-  <string name="avatar-font-family">Gotham XNarrow</string><!-- This variable is used in avatar text styles. It receives values from the Brand Tokens Collection. Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande -->
-  <dimen name="avatar-label-line-height">21px</dimen><!-- This variable is used for controlling the line height of avatar texts. Its values influence the stacking space between avatar texts. 21 - 21 - 21 - 23 -->
-  <dimen name="avatar-lane-gap-space">16px</dimen><!-- This variable is used for setting the inline space between multiple avatars that are horizontally placed in a lane when an article has multiple authors. 16 - 16 - 24 - 24 -->
-  <string name="app-avatar-font-family">Gotham</string><!-- This variable is used for setting the font of avatars on iOS and Android platforms. This is subject to review. -->
-  <dimen name="button-label-font-size">15px</dimen>
-  <dimen name="button-inline-space">16px</dimen>
-  <dimen name="partner-link-button-label-font-size">16px</dimen><!-- Use this variable for controlling the font size of partner buttons. 16 - 16 - 16 - 18 -->
-  <dimen name="partner-link-button-label-height-size">48px</dimen>
-  <dimen name="button-border-width-size">2px</dimen>
-  <dimen name="button-content-min-height-size">24px</dimen><!-- This fixed height variable ensures that the button maintains a consistent height, even when the icon is not active. -->
-  <dimen name="partner-link-button-inline-space">8px</dimen>
-  <dimen name="button-label-line-height">15px</dimen>
-  <dimen name="button-content-gap-space">6px</dimen>
-  <dimen name="button-stack-space">6px</dimen>
-  <dimen name="button-border-radius">8px</dimen>
-  <dimen name="news-ticker-time-font-size">16px</dimen><!-- similar to kicker3 values - 16 - 16 - 16 - 18 -->
-  <string name="news-ticker-time-font-weight">700</string>
-  <string name="news-ticker-time-font-family">Gotham XNarrow</string>
-  <dimen name="news-ticker-time-line-height">20.799999237060547px</dimen><!-- Figma currently does not allow for percentages in Line Height variables. The values in this token are the result of multiplying the font size by the line height variable defined on the Bild home css -> newsTickerTime line height: 1.3. Line height for this component does not change across devices. -->
-  <dimen name="news-ticker-content-stack-space">4px</dimen>
-  <dimen name="news-ticker-kicker-inner-stack-space">2px</dimen>
-  <dimen name="news-ticker-titles-inline-space">18px</dimen>
-  <dimen name="news-ticker-badges-inline-space">8px</dimen>
-  <dimen name="news-ticker-time-kicker-stack-space">4px</dimen>
-  <dimen name="news-ticker-entries-stack-space">22px</dimen>
-  <dimen name="news-ticker-kicker-inner-inline-space">4px</dimen>
-  <dimen name="news-ticker-skeleton-bottom-space">64px</dimen>
-  <dimen name="news-ticker-red-dot-size">12px</dimen>
-  <dimen name="news-ticker-entries-left-inline-space">22px</dimen>
-  <dimen name="news-ticker-line-inline-space">6px</dimen>
-  <dimen name="news-ticker-app-card-height-size">116px</dimen>
-  <dimen name="news-ticker-app-card-width-size">250px</dimen>
-  <string name="live-tickerheadline-font-weight">600</string>
-  <dimen name="live-ticker-headlines-font-size">22px</dimen><!-- This variable is used for the font size of live ticker headlines. 22 - 22 - 32 - 32 -->
-  <string name="time-stamp-font-family">Gotham XNarrow</string>
-  <dimen name="live-ticker-time-stamp-font-size">14px</dimen><!-- This variable is used for the live ticker time stamp font size. 14 - 14 - 16 - 16 -->
-  <dimen name="live-ticker-time-headline-stack-space">4px</dimen>
-  <dimen name="live-ticker-slider-item-width-max-size">257px</dimen>
-  <dimen name="live-ticker-app-card-height-size">96px</dimen>
-  <dimen name="live-ticker-app-card-width-size">250px</dimen>
-  <dimen name="video-time-badge-corner-size">2px</dimen><!-- This variable is used on video player badges that display a red play icon on top of a white square next to a time stamp. This variable references the borderRadiusXS. Constant value of 2 across device sizes. -->
-  <dimen name="video-time-badge-font-size">16px</dimen><!-- 16 - 16 - 18 - 18 -- This variable is used to control the videoTimeBadge text style's font size parameter. The typography style that uses this variable is the videoTimeBadge style. The badge that uses this variable appears on the upper right corner of horizontal videos. -->
-  <dimen name="video-time-badge-size">24px</dimen><!-- 24 - 24 - 32 - 40 - This variable is used on horizontal video badges that contain a red play icon on top of a white square next to a timestamp. -->
-  <dimen name="video-red-play-icon-width-size">8px</dimen>
-  <dimen name="video-red-play-icon-height-size">10px</dimen><!-- This variable is used for changing the red play icon inside the white square. -->
-  <dimen name="video-badge-time-line-height">21px</dimen>
-  <dimen name="video-skeleton-container-height">180px</dimen>
-  <dimen name="video-frame-inline-space">0px</dimen>
-  <dimen name="vertical-video-mock-headline-font-size">22px</dimen>
-  <dimen name="video-ad-badge-font-size">14px</dimen><!-- 14 - 14 - 16 - 16 -- This variable is used in the videoAdBadge font size parameter. -->
-  <dimen name="gallery-pagination-item-height-size">4px</dimen>
-  <dimen name="gallery-pagination-container-web-inline-space">8px</dimen><!-- 8 - 8 - 12 - 12 - this component level variable references the inlineSpaceConst semantic variables; SM for smaller devices, MD for larger devices -->
-  <dimen name="gallery-pagination-container-stack-space">12px</dimen><!-- 12 - 12 - 16 - 16 - this component level variable references the semantic -->
-  <dimen name="gallery-pagination-container-app-inline-space">12px</dimen>
-  <dimen name="scroll-bar-thickness-size">8px</dimen>
-  <dimen name="drop-down-border-radius">4px</dimen>
-  <dimen name="drop-down-item-stack-space">8px</dimen>
-  <dimen name="drop-down-item-inline-space">12px</dimen>
-  <dimen name="input-field-stack-space">6px</dimen>
-  <dimen name="input-field-inline-space">16px</dimen>
-  <dimen name="input-field-mini-label-inline-space">4px</dimen>
-  <dimen name="input-field-font-size">16px</dimen><!-- This variable controls texts inside of input fields such as dropdowns, date input and other text inputs that appear in forms for example. compact 15 - default 17 - spacious 19 -->
-  <dimen name="input-field-imessage-inline-space">16px</dimen>
-  <dimen name="input-field-height-size">36px</dimen>
-  <dimen name="hey-input-container-inline-space">8px</dimen>
-  <dimen name="input-field-message-gap-space">4px</dimen>
-  <string name="input-field-font-family">Gotham XNarrow</string>
-  <dimen name="breadcrumb-font-size">15px</dimen><!-- 15 - 15 - 15 - 12 -- Breadcrumbs have a slightly larger font size on mobile devices compared to when they are rendered on larger desktop devices. -->
-  <string name="breadcrumb-font-family">Gotham XNarrow</string>
-  <dimen name="breadcrumb-arrow-left-inline-space1">3px</dimen>
-  <dimen name="breadcrumb-arrow-right-inline-space2">5px</dimen>
-  <dimen name="breadcrumb-inline-space">12px</dimen>
-  <dimen name="breadcrumb-line-height">15px</dimen><!-- 15 - 15 - 15 - 12 -- Breadcrumbs have a slightly larger font size on mobile devices compared to when they are rendered on larger desktop devices. -->
-  <string name="breadcrumb-font-weight">700</string>
-  <dimen name="breadcrumb-stack-space">14px</dimen>
-  <dimen name="icon-size">24px</dimen>
-  <dimen name="icon-size-embedd-media">40px</dimen>
-  <dimen name="badges-inner-stack-space">2px</dimen><!-- This space variable is used for creating the top and bottom space between a badge's text label and the surface that the text label is on top of. -->
-  <dimen name="badges-inner-inline-space">4px</dimen><!-- This space variable is used for creating the left and right space between a badge's text label and the badge background surface that the text label is on top of. -->
-  <dimen name="ad-label-badge-height-size">30px</dimen><!-- 30 - 30 - 30 - 30 - This variable is used on the Advert rectangular badge that is found above an ad containers. -->
-  <dimen name="section-title-inner-stack-bottom-space">12px</dimen>
-  <dimen name="section-title-height-size">32px</dimen>
-  <dimen name="section-title-arrow-inline-space">5px</dimen><!-- This variable is used on large title headings that are h2 elements in html and indicate a new section in the user interface. This space changes when a user hovers over the large title. -->
-  <dimen name="section-title-arrow-inline-space-active">5px</dimen><!-- This variable is used for increasing the space between the text and the arrow at the end of the large title text. On mobile devices there is no hover state so this variables values are the same as the default state values. -->
-  <dimen name="audio-player-font-size">16px</dimen><!-- This variable is used in the text style dedicated to audio player labels for elapsed time, reproduction speed and short functionality description text. 16 - 16 - 16 - 18 -->
-  <dimen name="special-navi-inline-space">24px</dimen>
-  <dimen name="chips-font-size">16px</dimen><!-- This variable is used on the chips font size parameter of the chips text style. The font size changes only for the change between larger device widths and any device smaller than the largest. 16 - 16 -16 - 18 -->
-  <dimen name="chips-inline-space">12px</dimen>
-  <dimen name="chips-stack-space">8px</dimen>
-  <dimen name="search-result-badge-height-size">18px</dimen>
-  <dimen name="radio-selector-size">20px</dimen>
-  <dimen name="radio-selector-dot-active-size">12px</dimen>
-  <dimen name="headlines-skeleton-image-placeholder-max-width">282px</dimen>
-  <dimen name="article-skeleton-image-inline-space">12px</dimen>
-  <dimen name="article-skeleton-text-inline-space">0px</dimen>
-  <dimen name="article-text-skeleton-height-size">270px</dimen>
-  <dimen name="video-spinner-size">40px</dimen>
-  <dimen name="video-spinner-stroke-size">2px</dimen>
-  <dimen name="video-spinner-size0-5x">20px</dimen>
-  <dimen name="breaking-news-container-height-size">56px</dimen>
-  <dimen name="breaking-news-badge-upper-title-font-size">13px</dimen>
-  <dimen name="breaking-news-badge-lower-title-font-size">23px</dimen>
-  <dimen name="breaking-news-badge-upper-title-line-height">13px</dimen>
-  <dimen name="breaking-news-badge-lower-title-line-height">21px</dimen>
-  <dimen name="breaking-news-badge-titels-stack-space">0px</dimen>
-  <dimen name="breaking-news-scrolling-text-font-size">21px</dimen>
-  <dimen name="breaking-news-scrolling-text-line-height">24px</dimen>
-  <dimen name="breaking-news-badge-inline-space">6px</dimen>
-  <dimen name="info-element-teaser-badge-height-size">16px</dimen>
-  <dimen name="info-element-teaser-image-height-size">80px</dimen>
-  <dimen name="info-element-teaser-image-width-size">80px</dimen>
-  <dimen name="info-element-teaser-badge-margin-space">4px</dimen>
-  <dimen name="podcast-play-button-size">48px</dimen>
-  <dimen name="vid-player-bottom-bar-gap-space">0px</dimen>
-  <dimen name="audio-player-header-stack-space">56px</dimen>
-  <string name="video-time-badge-font-family">Gotham XNarrow</string>
-  <dimen name="vid-player-control-button-size">42px</dimen>
-  <dimen name="vid-player-control-button-icon-size-hover">28px</dimen>
-  <dimen name="vid-player-timecode-font-size">14px</dimen>
-  <dimen name="vid-player-timecode-container-min-width-size">45px</dimen>
-  <dimen name="vid-player-progress-bar-container-height-size">24px</dimen>
-  <dimen name="vid-player-unmute-button-width-size">220px</dimen>
-  <dimen name="tab-label-font-size">16px</dimen><!-- Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. -->
-  <dimen name="ios-tabbar-height-size">49px</dimen>
-  <dimen name="android-tabbar-height-size">56px</dimen>
-  <dimen name="tab-label-font-size-line">12px</dimen><!-- Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. -->
-  <dimen name="apps-tabs-label-font-size">11px</dimen><!-- Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. -->
-  <dimen name="apps-tabs-label-line-height">14.399999618530273px</dimen><!-- Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. -->
-  <dimen name="top-bar-tab-item-height-size">44px</dimen>
-  <dimen name="mobile-menu-drawer-stack-space">20px</dimen>
-  <dimen name="mobile-menu-drawer-left-inline-space">20px</dimen>
-  <dimen name="mobile-menu-drawer-right-inline-space">16px</dimen>
-  <dimen name="mobile-menu-drawer-max-width-size">400px</dimen>
-  <dimen name="quote-container-inline-space">16px</dimen>
-  <dimen name="quote-container-stack-space">16px</dimen>
-  <dimen name="quote-quotation-marks-font-size">28px</dimen>
-  <dimen name="quote-content-gap-space">16px</dimen>
-  <dimen name="gallery-teaser-title-bottom-space">28px</dimen><!-- This token is used to create more bottom padding space on system teaser headlines inside the gallery to avoid overlapping with the pagination. -->
-  <dimen name="gallery-teaser-app-gap-space">0px</dimen><!-- This token is used to create more bottom padding space on system teaser headlines inside the gallery to avoid overlapping with the pagination. -->
-  <dimen name="app-epaper-carousel-item-focus-width">182px</dimen>
-  <dimen name="app-epaper-carousel-item-default-width">144px</dimen>
-  <dimen name="app-epaper-carouse-beilage-item-width">110px</dimen>
-  <dimen name="standard-teaser-gallery-teaser-width-web">145px</dimen>
-  <dimen name="standard-teaser-gallery-teaser-width-app">280px</dimen>
-  <dimen name="slider-progress-bar-idle-height-size">4px</dimen>
-  <dimen name="slider-progress-bar-hover-height-size">8px</dimen>
-  <dimen name="slider-progress-inactive-height-size">2px</dimen>
-  <dimen name="vid-player-progress-bar-height-size">12px</dimen>
-  <dimen name="footer-font-size">11px</dimen><!-- This variable is used on footer links that commonly show up at the bottom of pages. The font size parameter remains constant at 11 px across device sizes. -->
-  <dimen name="footer-line-height">14px</dimen>
-  <string name="footer-font-family">Gotham XNarrow</string>
-  <dimen name="footer-font-size-user-offer-pages">18px</dimen>
-  <dimen name="footer-line-height-user-offer-pages">26px</dimen>
-  <string name="accordion-label-font-family">Gotham XNarrow</string><!-- This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande -->
-  <dimen name="paywall-container-gap-space">-48px</dimen>
-  <dimen name="paywall-header-bottom-stack-space">80px</dimen>
-  <dimen name="paywall-card-max-width-size">346px</dimen>
-  <dimen name="paywall-card-price-tag-font-size">64px</dimen><!-- This variable is used on the paywall card price tag. 64 constant -->
-  <dimen name="paywall-card-price-tag-line-height">64px</dimen>
-  <dimen name="paywall-card-price-note-line-height">40px</dimen>
-  <dimen name="paywall-card-price-note-font-size">40px</dimen><!-- This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40 -->
-  <dimen name="app-toggle-item-label-font-size">14px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 -->
-  <dimen name="app-toggle-item-label-line-height">14.100000381469727px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
-  <dimen name="search-result-card-image-width-size">216px</dimen>
-  <dimen name="search-result-card-image-height-size-stacked">189px</dimen>
-  <dimen name="newsticker-image-card-width-size">206px</dimen>
-  <dimen name="datepicker-item-day-width-size">44px</dimen>
-  <dimen name="datepicker-item-height-size">44px</dimen>
-  <dimen name="datepicker-item-year-width-size">77px</dimen>
   <dimen name="grid-space-resp-lg">24px</dimen><!-- 24-24-32-32 – use for side paddings and gutters in responsive layouts -->
   <dimen name="grid-space-resp-xl">48px</dimen><!-- 48-48-64-64 – use for side paddings and gutters in responsive layouts -->
   <dimen name="grid-space-resp-base">12px</dimen><!-- 12-12-12-16 – use for side paddings and gutters in responsive layouts -->

package/dist/android/res/values/brands/bild/semantic/color/colormode-dark.xml

@@ -143,127 +143,4 @@ Behavior: Constant — same opacity level across modes to preserve uniform layer
   <string name="layer-opacity90">90px</string>
   <string name="layer-opacity100">100px</string>
   <string name="layer-opacity00">0px</string>
-  <color name="subheaders-color">#e9ecef</color>
-  <color name="breadcrumb-text-color-idle">#f2f4f5</color><!-- 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 -->
-  <color name="breadcrumb-text-color-hover">#ffffff</color><!-- 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 -->
-  <color name="breaking-news-title-surface-color">#fd8227</color>
-  <color name="breaking-news-surface-color">#e9ecef</color>
-  <color name="breaking-news-text-content-color">#232629</color>
-  <color name="breaking-news-top-title-text-color">#1c1c1c</color>
-  <color name="breaking-news-bottom-title-text-color">#1c1c1c</color>
-  <color name="menu-surface-color">#232629</color>
-  <color name="menu-scrolled-surface-gradient-color">#232629f2</color><!-- Used on a thin part at the top of header in navigation menu. -->
-  <color name="menu-link-lane-surface-color">#232629</color>
-  <color name="menu-link-lane-label-color">#8c9196</color>
-  <color name="menu-link-lane-label-color-active">#ffffff</color>
-  <color name="app-top-bar-surface-color">#343c41</color>
-  <color name="app-top-bar-icon-color">#8c9196</color>
-  <color name="app-top-bar-text-color-primary">#e9ecef</color>
-  <color name="app-tob-bar-tab-nav-bottom-border">#4b525a</color>
-  <color name="app-tob-bar-tab-nav-bottom-border-active">#ffffff</color>
-  <color name="partner-links-border-color-idle">#ced4da</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-border-color-active">#e9ecef</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-bg-color-idle">#343c41</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-bg-color-active">#8c9196</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-container-border-color">#4b525a</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="social-share-button-label-color-default">#ffffff</color>
-  <color name="social-share-button-label-color-active">#ffffff</color>
-  <color name="social-share-button-bg-color-active">#343c41</color>
-  <color name="social-share-button-bg-color-default">#4b525a</color>
-  <color name="button-primary-brand-bg-color-idle">#dd0000</color>
-  <color name="button-primary-brand-bg-color-hover">#af0002</color>
-  <color name="button-primary-label-color">#ffffff</color>
-  <color name="button-primary-success-color-idle">#18995c</color>
-  <color name="button-primary-success-color-hover">#006e3e</color>
-  <color name="button-primary-neutral-bg-color-idle">#ffffff</color><!-- 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 -->
-  <color name="button-primary-neutral-bg-color-hover">#e9ecef</color>
-  <color name="button-tertiary-label-color">#f2f4f5</color>
-  <color name="button-tertiary-border-color-idle">#4b525a</color>
-  <color name="button-tertiary-border-color-hover">#ffffff</color>
-  <color name="button-tertiary-success-bg-color-hover">#009b5a80</color>
-  <color name="button-tertiary-success-border-color">#18995c</color>
-  <color name="button-secondary-bg-color-hover">#ced4da80</color>
-  <color name="button-secondary-label-color">#e9ecef</color>
-  <color name="button-secondary-bg-color-idle">#4b525a</color>
-  <color name="button-live-ticker-load-new-surface-color">#232629</color>
-  <color name="button-live-ticker-load-new-label-color">#f2f4f5</color>
-  <color name="button-ghost-bg-color-hover">#ced4da80</color>
-  <color name="input-field-border-color-idle">#8c9196</color>
-  <color name="input-field-border-color-active">#e9ecef</color>
-  <color name="input-field-border-color-dark">#ced4da</color>
-  <color name="input-field-border-color-dark-active">#ffffff</color>
-  <color name="input-field-bg-color-dark-low-contrast">#343c41</color>
-  <color name="input-field-bg-color-dark-medium-contrast">#4b525a</color>
-  <color name="input-field-bg-color-dark-high-contrast">#e9ecef</color>
-  <color name="dropdown-bg-color-hover">#4b525a</color>
-  <color name="dropdown-bg-color-idle">#343c41</color>
-  <color name="text-link-color-secondary">#ced4da</color>
-  <color name="text-link-color-secondary-active">#e9ecef</color>
-  <color name="text-link-color-primary">#8c9196</color>
-  <color name="tab-bg-color-hover">#343c41</color>
-  <color name="tab-label-color-active">#f2f4f5</color>
-  <color name="tab-label-color-default">#ffffff</color>
-  <color name="app-bottom-tab-bar-bg-color">#343c41</color>
-  <color name="menu-item-border-color-active">#ffffff</color>
-  <color name="menu-item-label-color-primary">#8c9196</color>
-  <color name="menu-item-label-color-primary-active">#f2f4f5</color>
-  <color name="menu-item-label-color-secondary">#ffffff</color><!-- 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. -->
-  <color name="foldout-label-color-active">#f2f4f5</color>
-  <color name="foldout-label-color-idle">#ced4da</color>
-  <color name="news-ticker-timestamp-color">#8c9196</color>
-  <color name="news-ticker-badge-icons-color">#8c9196</color>
-  <color name="alert-surface-color">#343c41</color><!-- 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 -->
-  <color name="alert-surface-color-constant">#ffffff</color><!-- On marketing offer surfaces this variable is  used. -->
-  <color name="empties-bg-color">#343c41</color>
-  <color name="empties-logo-color">#2c3138</color>
-  <color name="chips-bg-color-hover">#ced4da</color>
-  <color name="chips-label-color-hover">#232629</color>
-  <color name="chips-bg-color-active">#ffffff</color>
-  <color name="chips-bg-color-idle">#4b525a</color>
-  <color name="chips-label-color-idle">#ffffff</color>
-  <color name="card-surface-bg-color">#2c3138</color>
-  <color name="selection-border-color">#8c9196</color><!-- Checkboxes and Radio buttons use this variable for their border. -->
-  <string name="dsys-docs-label-text-surface-color-primary-primitive-name">BILD010</string><!-- This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. -->
-  <string name="dsys-docs-label-text-color-mode">(Dark Mode)</string><!-- 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. -->
-  <color name="ds-doc-spacing-item-bg-color">#ffffff33</color>
-  <color name="ds-doc-spacing-item-border-color">#ffffffcc</color>
-  <color name="hey-fav-input-field-surface-color">#4b525a</color>
-  <color name="hey-text-color">#e9ecef</color>
-  <color name="hey-icon-util-color">#ffffff</color>
-  <color name="hey-separator-color">#666b70</color><!-- This is the most used color for separators across Bild products. -->
-  <color name="hey-drawer-surface-color">#343c41</color>
-  <color name="pagination-element-color-default">#8c9196</color>
-  <color name="pagination-element-color-active">#ffffff</color>
-  <string name="gallery-pagination-element-active-opacity">100px</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
-  <color name="scroll-bar-track-bg-color">#ffffff1a</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
-  <color name="scroll-bar-thumb-bg-color">#8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
-  <color name="kicker-bg-color-on-surface">#8c9196</color>
-  <color name="kicker-fitbook-bg-color">#ff97b7</color>
-  <color name="kicker-petbook-bg-color">#b9db91</color>
-  <color name="kicker-myhomebook-bg-color">#66cccc</color>
-  <color name="kicker-travelbook-bg-color">#8ef0ed</color>
-  <color name="kicker-techbook-bg-color">#93e4ff</color>
-  <color name="kicker-kaufberater-bg-color">#55476e</color>
-  <color name="kicker-cobi-bg-color">#dc231c</color>
-  <color name="kicker-aubi-bg-color">#f00000</color>
-  <color name="kicker-spobi-bg-color">#174482</color>
-  <color name="kicker-bz-bg-color">#e3001b</color>
-  <string name="teaser-hover-opacity">80px</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
-  <color name="teaser-title-background-gradient-start">#000000b2</color>
-  <color name="teaser-title-background-gradient-stop">#00000000</color>
-  <string name="slider-button-opacity">90px</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
-  <color name="slider-track-bg-color">#ffffff59</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
-  <color name="vid-player-controls-autoplay-button-bg-color">#00000033</color>
-  <color name="vid-player-control-buttons-bg-hover-color">#dd0000cc</color><!-- This variable is used for hover states of video player control buttons. -->
-  <color name="vid-player-control-buttons-bg-color-hover">#00000033</color>
-  <color name="vid-player-overlay-scrim-color">#00000080</color>
-  <color name="audio-player-play-button-bg-color">#ffffff4d</color>
-  <color name="vid-player-tooltip-bg-color">#000000b2</color>
-  <color name="vid-player-control-buttons-bg-color-pressed">#0000000d</color>
-  <color name="vid-player-progress-bar-preload-bg-color">#ffffff4d</color>
-  <color name="vid-player-unmute-button-bg-color">#00000033</color>
-  <color name="vid-player-unmute-button-bg-color-hover">#00000059</color>
-  <color name="avatar-label-color">#ffffff</color><!-- 09-2025 css --article-author-name-color -->
-  <color name="avatar-label-color-hover">#dd0000</color><!-- 09-2025 css --article-author-name-color -->
-  <color name="app-image-lightbox-gallery-bg-color">#000000</color>
 </resources>

package/dist/android/res/values/brands/bild/semantic/color/colormode-light.xml

@@ -143,127 +143,4 @@ Behavior: Constant — same opacity level across modes to preserve uniform layer
   <string name="layer-opacity90">90px</string>
   <string name="layer-opacity100">100px</string>
   <string name="layer-opacity00">0px</string>
-  <color name="subheaders-color">#232629</color>
-  <color name="breadcrumb-text-color-idle">#4b525a</color><!-- 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 -->
-  <color name="breadcrumb-text-color-hover">#232629</color><!-- 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 -->
-  <color name="breaking-news-title-surface-color">#fd8227</color>
-  <color name="breaking-news-surface-color">#232629</color>
-  <color name="breaking-news-text-content-color">#ffffff</color>
-  <color name="breaking-news-top-title-text-color">#1c1c1c</color>
-  <color name="breaking-news-bottom-title-text-color">#1c1c1c</color>
-  <color name="menu-surface-color">#ffffff</color>
-  <color name="menu-scrolled-surface-gradient-color">#fffffff2</color><!-- Used on a thin part at the top of header in navigation menu. -->
-  <color name="menu-link-lane-surface-color">#ffffff</color>
-  <color name="menu-link-lane-label-color">#4b525a</color>
-  <color name="menu-link-lane-label-color-active">#232629</color>
-  <color name="app-top-bar-surface-color">#ffffff</color>
-  <color name="app-top-bar-icon-color">#4b525a</color>
-  <color name="app-top-bar-text-color-primary">#232629</color>
-  <color name="app-tob-bar-tab-nav-bottom-border">#e9ecef</color>
-  <color name="app-tob-bar-tab-nav-bottom-border-active">#dd0000</color>
-  <color name="partner-links-border-color-idle">#ced4da</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-border-color-active">#232629</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-bg-color-idle">#ffffff</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-bg-color-active">#e9ecef</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="partner-links-container-border-color">#ced4da</color><!-- !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. -->
-  <color name="social-share-button-label-color-default">#ffffff</color>
-  <color name="social-share-button-label-color-active">#ffffff</color>
-  <color name="social-share-button-bg-color-active">#343c41</color>
-  <color name="social-share-button-bg-color-default">#4b525a</color>
-  <color name="button-primary-brand-bg-color-idle">#dd0000</color>
-  <color name="button-primary-brand-bg-color-hover">#af0002</color>
-  <color name="button-primary-label-color">#ffffff</color>
-  <color name="button-primary-success-color-idle">#18995c</color>
-  <color name="button-primary-success-color-hover">#006e3e</color>
-  <color name="button-primary-neutral-bg-color-idle">#232629</color><!-- 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 -->
-  <color name="button-primary-neutral-bg-color-hover">#4b525a</color>
-  <color name="button-tertiary-label-color">#4b525a</color>
-  <color name="button-tertiary-border-color-idle">#ced4da</color>
-  <color name="button-tertiary-border-color-hover">#4b525a</color>
-  <color name="button-tertiary-success-bg-color-hover">#cef4e4</color>
-  <color name="button-tertiary-success-border-color">#18995c</color>
-  <color name="button-secondary-bg-color-hover">#ced4da</color>
-  <color name="button-secondary-label-color">#4b525a</color>
-  <color name="button-secondary-bg-color-idle">#e9ecef</color>
-  <color name="button-live-ticker-load-new-surface-color">#ffffff</color>
-  <color name="button-live-ticker-load-new-label-color">#8c9196</color>
-  <color name="button-ghost-bg-color-hover">#ced4da</color>
-  <color name="input-field-border-color-idle">#ced4da</color>
-  <color name="input-field-border-color-active">#4b525a</color>
-  <color name="input-field-border-color-dark">#8c9196</color>
-  <color name="input-field-border-color-dark-active">#232629</color>
-  <color name="input-field-bg-color-dark-low-contrast">#343c41</color>
-  <color name="input-field-bg-color-dark-medium-contrast">#4b525a</color>
-  <color name="input-field-bg-color-dark-high-contrast">#e9ecef</color>
-  <color name="dropdown-bg-color-hover">#f2f4f5</color>
-  <color name="dropdown-bg-color-idle">#ffffff</color>
-  <color name="text-link-color-secondary">#8c9196</color>
-  <color name="text-link-color-secondary-active">#232629</color>
-  <color name="text-link-color-primary">#232629</color>
-  <color name="tab-bg-color-hover">#e9ecef</color>
-  <color name="tab-label-color-active">#343c41</color>
-  <color name="tab-label-color-default">#4b525a</color>
-  <color name="app-bottom-tab-bar-bg-color">#ffffff</color>
-  <color name="menu-item-border-color-active">#dd0000</color>
-  <color name="menu-item-label-color-primary">#4b525a</color>
-  <color name="menu-item-label-color-primary-active">#232629</color>
-  <color name="menu-item-label-color-secondary">#ffffff</color><!-- 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. -->
-  <color name="foldout-label-color-active">#dd0000</color>
-  <color name="foldout-label-color-idle">#4b525a</color>
-  <color name="news-ticker-timestamp-color">#8c9196</color>
-  <color name="news-ticker-badge-icons-color">#8c9196</color>
-  <color name="alert-surface-color">#ffffff</color><!-- 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 -->
-  <color name="alert-surface-color-constant">#ffffff</color><!-- On marketing offer surfaces this variable is  used. -->
-  <color name="empties-bg-color">#f2f4f5</color>
-  <color name="empties-logo-color">#ced4da</color>
-  <color name="chips-bg-color-hover">#af0002</color>
-  <color name="chips-label-color-hover">#ffffff</color>
-  <color name="chips-bg-color-active">#dd0000</color>
-  <color name="chips-bg-color-idle">#e9ecef</color>
-  <color name="chips-label-color-idle">#232629</color>
-  <color name="card-surface-bg-color">#ffffff</color>
-  <color name="selection-border-color">#4b525a</color><!-- Checkboxes and Radio buttons use this variable for their border. -->
-  <string name="dsys-docs-label-text-surface-color-primary-primitive-name">BILD100</string><!-- This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. -->
-  <string name="dsys-docs-label-text-color-mode">(Light Mode)</string><!-- 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. -->
-  <color name="ds-doc-spacing-item-bg-color">#dd00001a</color>
-  <color name="ds-doc-spacing-item-border-color">#dd000080</color>
-  <color name="hey-fav-input-field-surface-color">#e9ecef</color>
-  <color name="hey-text-color">#4b525a</color>
-  <color name="hey-icon-util-color">#4b525a</color>
-  <color name="hey-separator-color">#ced4da</color><!-- This is the most used color for separators across Bild products. -->
-  <color name="hey-drawer-surface-color">#f2f4f5</color>
-  <color name="pagination-element-color-default">#ced4da</color>
-  <color name="pagination-element-color-active">#dd0000</color>
-  <string name="gallery-pagination-element-active-opacity">100px</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
-  <color name="scroll-bar-track-bg-color">#0000001a</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
-  <color name="scroll-bar-thumb-bg-color">#8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
-  <color name="kicker-bg-color-on-surface">#dd0000</color>
-  <color name="kicker-fitbook-bg-color">#ff97b7</color>
-  <color name="kicker-petbook-bg-color">#b9db91</color>
-  <color name="kicker-myhomebook-bg-color">#66cccc</color>
-  <color name="kicker-travelbook-bg-color">#8ef0ed</color>
-  <color name="kicker-techbook-bg-color">#93e4ff</color>
-  <color name="kicker-kaufberater-bg-color">#55476e</color>
-  <color name="kicker-cobi-bg-color">#dc231c</color>
-  <color name="kicker-aubi-bg-color">#f00000</color>
-  <color name="kicker-spobi-bg-color">#174482</color>
-  <color name="kicker-bz-bg-color">#e3001b</color>
-  <string name="teaser-hover-opacity">80px</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
-  <color name="teaser-title-background-gradient-start">#000000b2</color>
-  <color name="teaser-title-background-gradient-stop">#00000000</color>
-  <string name="slider-button-opacity">90px</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
-  <color name="slider-track-bg-color">#ffffff59</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
-  <color name="vid-player-controls-autoplay-button-bg-color">#00000033</color>
-  <color name="vid-player-control-buttons-bg-hover-color">#dd0000cc</color><!-- This variable is used for hover states of video player control buttons. -->
-  <color name="vid-player-control-buttons-bg-color-hover">#00000033</color>
-  <color name="vid-player-overlay-scrim-color">#00000080</color>
-  <color name="audio-player-play-button-bg-color">#ffffff4d</color>
-  <color name="vid-player-tooltip-bg-color">#000000b2</color>
-  <color name="vid-player-control-buttons-bg-color-pressed">#0000000d</color>
-  <color name="vid-player-progress-bar-preload-bg-color">#ffffff4d</color>
-  <color name="vid-player-unmute-button-bg-color">#00000033</color>
-  <color name="vid-player-unmute-button-bg-color-hover">#00000059</color>
-  <color name="avatar-label-color">#232629</color><!-- 09-2025 css --article-author-name-color -->
-  <color name="avatar-label-color-hover">#dd0000</color><!-- 09-2025 css --article-author-name-color -->
-  <color name="app-image-lightbox-gallery-bg-color">#000000</color>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Accordion/accordion-breakpoint-lg-1024px-regular.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly, this file was auto-generated.
+-->
+<resources>
+  <string name="accordion-label-font-family">Inter</string><!-- This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande -->
+</resources>

package/dist/android/res/values/brands/sportbild/components/Accordion/accordion-breakpoint-md-600px.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly, this file was auto-generated.
+-->
+<resources>
+  <string name="accordion-label-font-family">Inter</string><!-- This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande -->
+</resources>

package/dist/android/res/values/brands/sportbild/components/Accordion/accordion-breakpoint-sm-390px-compact.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly, this file was auto-generated.
+-->
+<resources>
+  <string name="accordion-label-font-family">Inter</string><!-- This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande -->
+</resources>

package/dist/android/res/values/brands/sportbild/components/Accordion/accordion-breakpoint-xs-320px.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly, this file was auto-generated.
+-->
+<resources>
+  <string name="accordion-label-font-family">Inter</string><!-- This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande -->
+</resources>

package/dist/android/res/values/brands/sportbild/components/Accordion/accordion-overrides.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly, this file was auto-generated.
+-->
+<resources>
+  <string name="accordion-label-font-family">Inter</string>
+</resources>