@marioschmidt/design-system-tokens 1.0.61 → 1.0.62

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

@@ -1,98 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<!--
-  Do not edit directly, this file was auto-generated.
--->
-<resources>
-  <color name="text_color_accent_constant">#174482</color><!-- 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. -->
-  <color name="text_color_primary">#232629</color><!-- 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. -->
-  <color name="text_color_muted">#666b70</color><!-- 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. -->
-  <color name="text_color_primary_inverse">#e9ecef</color><!-- Inverse text color used on opposing surfaces (e.g., white text on red or dark backgrounds). Behavior: Dynamic — alternates between light and dark mode. -->
-  <color name="text_color_primary_constant">#232629</color><!-- 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. -->
-  <color name="text_color_success_constant">#006e3e</color><!-- 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. -->
-  <color name="text_color_primary_inverse_constant">#e9ecef</color><!-- Fixed inverse tone for text that always appears on dark surfaces (e.g., hero headlines or persistent dark cards). Behavior: Constant — unchanged across modes. -->
-  <color name="text_color_secondary">#8c9196</color><!-- 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. -->
-  <color name="text_color_attention_high">#dd0000</color><!-- Used for strong warnings, errors, or destructive action labels. Behavior: Constant — red color remains unchanged between Light and Dark mode for visibility and recognition. -->
-  <color name="text_color_accent">#174482</color><!-- 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. -->
-  <color name="text_color_attention_medium">#fd8227</color><!-- Represents medium attention states, often used in warnings or pending states. Behavior: Constant — same orange tone across Light and Dark mode. -->
-  <color name="text_color_on_dark_surface">#ffffff</color><!-- Used for text displayed on dark surfaces to ensure maximum legibility and contrast. Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. -->
-  <color name="surface_color_primary">#ffffff</color><!-- 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. -->
-  <color name="surface_color_secondary">#f7f9fd</color><!-- 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. -->
-  <color name="surface_color_primary_inverse">#081828</color><!-- 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. -->
-  <color name="surface_color_primary_constant_light">#ffffff</color><!-- 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. -->
-  <color name="surface_color_primary_constant_dark">#081828</color><!-- A fixed dark surface tone used for dark overlays or nested dark sections inside light layouts. Behavior: Constant — identical across Light and Dark mode. -->
-  <color name="surface_color_quartenary">#ced4da</color><!-- 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. -->
-  <color name="surface_color_success">#cef4e4</color><!-- 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. -->
-  <color name="surface_color_tertiary">#bdcadb</color><!-- 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. -->
-  <color name="surface_color_tertiary_gradient_stop">#e9ecef00</color><!-- Represents tertiary-level gradient background. Currently used on skeletons. -->
-  <color name="surface_color_tertiary_inverse">#174482</color><!-- 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. -->
-  <color name="surface_color_primary_gradient_stop">#ffffff00</color><!-- 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. -->
-  <color name="surface_color_secondary_gradient_stop">#f2f4f500</color><!-- Used for secondary surface gradients or subtle depth layers across backgrounds. Behavior: Dynamic — adapts to mode brightness for smooth gradient transitions. -->
-  <color name="surface_color_quartenary_inverse">#4b525a</color><!-- Inverse of the quartenary surface, used for background reversals in mixed-layout areas. Behavior: Dynamic — inverts between dark and light tones depending on mode. -->
-  <color name="kicker_text_color_on_surface">#8c9196</color><!-- 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. -->
-  <color name="headline_color_primary">#0a2750</color><!-- 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. -->
-  <color name="headline_color_white_const">#ffffff</color><!-- 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. -->
-  <color name="kicker_text_color_on_red">#ffffff</color><!-- 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. -->
-  <color name="kicker_text_color_on_dark_bg">#ffffffcc</color><!-- Applied to kicker or meta text on dark colored backgrounds to maintain high legibility. Behavior: Constant — always uses semi-transparent white for consistent readability. -->
-  <color name="kicker_text_color_on_bright_bg">#000000b3</color><!-- 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. -->
-  <color name="color_secondary_active">#232629</color><!-- 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. -->
-  <color name="color_primary_active">#174482</color><!-- 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. -->
-  <color name="color_secondary_disabled">#e9ecef</color><!-- Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility. Behavior: Dynamic - adapts neutral tones based on theme brightness. -->
-  <color name="color_primary_disabled">#f2f4f5</color><!-- 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. -->
-  <color name="color_secondary_active_inverse">#f2f4f5</color><!-- 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. -->
-  <color name="color_tertiary_active">#00c373</color><!-- 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. -->
-  <color name="color_tertiary_disabled">#8c9196</color><!-- Represents disabled states for tertiary levels, maintaining subtle visibility without drawing attention. Behavior: Dynamic - adjusts between gray tones for Light and Dark mode consistency. -->
-  <color name="border_color_medium_contrast">#ced4da</color><!-- 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. -->
-  <color name="border_color_low_contrast">#e9ecef</color><!-- Used for subtle dividers and low-emphasis borders in neutral areas (e.g., card outlines, input containers). Dynamic - light gray 093 in Light mode, dark gray 035 in Dark mode. -->
-  <color name="border_color_high_contrast">#232629</color><!-- 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. -->
-  <color name="border_color_low_contrast_constant">#e9ecef</color><!-- 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. -->
-  <color name="border_color_success">#00c373</color><!-- 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. -->
-  <color name="border_color_warning">#dd0000</color><!-- 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. -->
-  <color name="border_color_primary_disabled">#f2f4f5</color><!-- Applied to disabled states of primary elements (e.g., buttons, inputs) to visually reduce emphasis and indicate inactivity. -->
-  <color name="border_color_secondary_disabled">#e9ecef</color><!-- Used for secondary component borders in a disabled state (e.g., secondary buttons, inactive input outlines). -->
-  <color name="core_color_primary">#0a2750</color><!-- 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. -->
-  <color name="core_color_secondary">#ffffff</color><!-- Defines the secondary brand tone. This variable changes across Light and Dark Mode. -->
-  <color name="core_color_tertiary">#081828</color><!-- Represents tertiary brand accents. This variable changes across Light and Dark Mode. -->
-  <color name="core_color_secondary_constant">#ffffff</color><!-- Use this on elements that must maintain the white color even in dark mode. -->
-  <color name="core_color_tertiary_constant">#081828</color><!-- Use this on elements that need to maintain the dark color across themes and color modes. -->
-  <color name="new_test">#007cf9</color><!-- this is a test for the token pipeline -->
-  <color name="testtestakskss">#f45b02</color><!-- this is a test for the token pipeline -->
-  <color name="fabian_color">#d31818</color>
-  <color name="philip_test">#00ff73</color>
-  <color name="pipeline_test_token">#125631</color>
-  <color name="icon_color_primary">#4b525a</color><!-- Primary icon color on primary surfaces. -->
-  <color name="icon_color_inverse">#ced4da</color><!-- 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. -->
-  <color name="icon_color_secondary_constant">#8c9196</color><!-- Secondary icon tone for less prominent actions or supportive iconography (e.g., secondary buttons, tool icons). Remains unchanged across modes. -->
-  <color name="icon_color_constant_on_dark">#f2f4f5</color><!-- 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. -->
-  <color name="icon_color_primary_constant">#4b525a</color><!-- 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. -->
-  <color name="icon_color_success">#00c373</color><!-- Represents success or confirmation icons (e.g., checkmarks, completion indicators). Behavior: Constant - same success green tone across Light and Dark mode. -->
-  <color name="label_color_primary">#232629</color><!-- 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. -->
-  <color name="label_color_secondary">#4b525a</color><!-- 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. -->
-  <color name="label_color_disabled">#ced4da</color><!-- Disabled label tone indicating inactive or unavailable states in UI elements. Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -->
-  <color name="label_color_primary_constant">#232629</color><!-- Used when primary label color should remain unchanged across modes in static UI areas. Behavior: Constant — identical tone in both Light and Dark mode. -->
-  <color name="label_color_primary_inverse_constant">#e9ecef</color><!-- 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. -->
-  <color name="label_color_tertiary">#8c9196</color><!-- 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. -->
-  <color name="label_color_primary_inverse">#e9ecef</color><!-- Inverse version of the primary label color, used on dark or colored backgrounds. Behavior: Dynamic — switches between light and dark. -->
-  <color name="attention_color_high">#dd0000</color><!-- 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. -->
-  <color name="accent_color_primary">#174482</color><!-- 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. -->
-  <color name="attention_color_medium">#fd8227</color><!-- Medium-level attention tone representing stronger caution or intermediate alert states. Commonly applied in warning messages. Constant — identical in both modes. -->
-  <color name="attention_color_low">#ffbf00</color><!-- Low-level warning or attention tone, typically used for informational or cautionary messages. Same yellow tone across Light and Dark to maintain recognition. -->
-  <color name="accent_color_primary_constant">#174482</color><!-- 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. -->
-  <color name="attention_color_success_primary">#00c373</color><!-- 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. -->
-  <color name="attention_color_extra_low">#ffffff</color><!-- 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. -->
-  <color name="attention_color_success_secondary">#006e3e</color><!-- Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. -->
-  <color name="overlay_scrim_black">#000000b3</color><!-- 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. -->
-  <color name="overlay_scrim_white">#ffffffb3</color><!-- 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. -->
-  <string name="layer_opacity05">0.05</string>
-  <string name="layer_opacity10">0.1</string>
-  <string name="layer_opacity20">0.2</string>
-  <string name="layer_opacity30">0.3</string>
-  <string name="layer_opacity40">0.4</string>
-  <string name="layer_opacity50">0.5</string>
-  <string name="layer_opacity60">0.6</string>
-  <string name="layer_opacity70">0.7</string>
-  <string name="layer_opacity80">0.8</string>
-  <string name="layer_opacity90">0.9</string>
-  <string name="layer_opacity100">1</string>
-  <string name="layer_opacity00">0</string>
-</resources>

package/dist/android/res/values/brands/sportbild/semantic/sizeclass/sizeclass-compact.xml

@@ -1,194 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<!--
-  Do not edit directly, this file was auto-generated.
--->
-<resources>
-  <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 -->
-  <dimen name="grid_space_resp_sm">6px</dimen><!-- 6-6-6-8 – use for side paddings and gutters in responsive layouts -->
-  <dimen name="page_inline_space">0px</dimen><!-- 0-0-0-16 – This token is used on the main homepages content container, ensuring full-width layout (no horizontal padding) on mobile and tablet breakpoints. -->
-  <dimen name="grid_space_const_lg">16px</dimen><!-- 16-16-16-16 – use for fixed side paddings and gutters -->
-  <dimen name="grid_space_const_sm">12px</dimen><!-- 12-12-12-12 – use for fixed side paddings and gutters -->
-  <integer name="layout_guide_grid_colums">4</integer><!-- Used to set the column count in Figma Layout guide Grids -->
-  <dimen name="section_space_base">36px</dimen><!-- 36-36-48-48 – Use for vertical spacing between sections in a layout. -->
-  <dimen name="section_space_lg">72px</dimen><!-- 72-72-96-96 – Use for vertical spacing between sections in a layout -->
-  <dimen name="paragraph_end_space">16px</dimen><!-- 16-16-32-32 – Use for spacing after paragraphs in text content -->
-  <dimen name="section_space_sm">24px</dimen><!-- 24-24-36-36 – Use for vertical spacing between subsections in a layout -->
-  <dimen name="breakpoint_min_width_size">390px</dimen><!-- 320 - 390 - 600 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic minimum widths across responsive viewports. -->
-  <dimen name="breakpoint_max_width_size">599px</dimen><!-- 389 - 599 - 1023 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic maximum widths across responsive viewports. -->
-  <dimen name="canvas_height_size_web">844px</dimen><!-- Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. -->
-  <dimen name="content_max_width_medium">700px</dimen><!-- Use for content containers that should not fill the full page width on larger viewports. This is commonly used on article body text content and other elements in an article page. -->
-  <dimen name="content_max_width_full">1024px</dimen><!-- Use for content containers that should fill the full width of the page -->
-  <dimen name="canvas_width_size_web">390px</dimen><!-- Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. -->
-  <dimen name="canvas_width_size_app">390px</dimen><!-- Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. -->
-  <dimen name="canvas_height_size_app">844px</dimen><!-- Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. -->
-  <dimen name="title1_font_size">24px</dimen><!-- 22 - 22 - 22 - 28 -- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="title2_font_size">16px</dimen><!-- 16 - 16 - 18 - 20 - html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="display1_font_size">38px</dimen><!-- This variable is used on the font size parameter for the display1 text style. 40 - 40 - 72 - 120 -->
-  <dimen name="display2_font_size">34px</dimen><!-- This variable is used for the font size parameter of the Display2 text style. 36 - 36 - 42 - 64 -->
-  <dimen name="display3_font_size">27px</dimen><!-- This variable is used on the display3 font size parameter of the display3 text style. 28 - 28 - 32 - 40 -->
-  <dimen name="headline1_font_size">42px</dimen><!-- This token is used for the headline1 text style's font size parameter. 48 - 48 - 72 - 100 -->
-  <dimen name="headline2_font_size">42px</dimen><!-- This token is used on the headline2 text style's font size parameter. 40 - 40 - 48 - 64 -->
-  <dimen name="headline3_font_size">30px</dimen><!-- This token is used on the headline3 text style's font size parameter. 28 - 28 - 36 - 40 -->
-  <dimen name="headline4_font_size">21px</dimen><!-- This token controls the headline4 text style's font size parameter: 22 - 22 - 26 - 32 -->
-  <dimen name="body_font_size">17px</dimen><!-- This variable is used on the body text style's font size parameter. It remains constant at 21. -->
-  <dimen name="label3_font_size">12px</dimen><!-- This token is used in the label3 text style's font size parameter. Its value remains constant at 12 across device sizes. -->
-  <dimen name="label2_font_size">15px</dimen><!-- This variable controls the label2 text style's font size parameter. Its value remains constant at 15. -->
-  <dimen name="label1_font_size">17px</dimen><!-- This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes. -->
-  <dimen name="label1_font_size_responsive">10px</dimen><!-- 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes. -->
-  <dimen name="label4_font_size">8px</dimen><!-- This token is used in the font size parameter of the label4 text style. The value remains constant at 8. -->
-  <dimen name="callout1_font_size">18px</dimen><!-- This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22 -->
-  <dimen name="footnote1_font_size">13px</dimen><!-- This token is used on the footnote text style font size parameter. 16 - 16 - 16 - 18 -->
-  <dimen name="footnote2_font_size">10px</dimen><!-- This token is used in the font size parameter of the footnote2 text style. 12 - 12 - 12 - 16 -->
-  <dimen name="kicker1_font_size">20px</dimen><!-- Values come from NMT Figma File 01_Foundation; in online CSS this is kicker0. 18 - 18 - 22 - 30 - This variable does not exist yet in online css. Online css is called kicker0 for smallest font size. -->
-  <dimen name="kicker2_font_size">16px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. This DS uses 1 to 4 following html convention of h1, h2, h3, etc. 18 - 18 - 22 - 24 -->
-  <dimen name="kicker3_font_size">16px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 16 - 16 - 18 - 20 -->
-  <dimen name="kicker4_font_size">14px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 14 - 14 - 16 - 16 -->
-  <dimen name="subheadline1_font_size">18px</dimen><!-- This token controls the subheadline1 font size parameter. 24 - 24 - 32 - 36 -->
-  <dimen name="quote_font_size">16px</dimen><!-- 16 - 16 - 18 - 20 -- This variable is used for controlling the font size of the quote text style. -->
-  <string name="body_font_family">Inter</string><!-- This variable references the bodyFontFamily variable from the branding collection. -->
-  <string name="callout_font_family">AntennaCond</string>
-  <string name="headline_font_family">AntennaExtraCond</string>
-  <string name="footnote_font_family">Inter</string>
-  <string name="label_font_family">AntennaExtraCond</string>
-  <string name="kicker_font_family">AntennaExtraCond</string>
-  <string name="subheadline_font_family">AntennaCond</string>
-  <string name="title_font_family">AntennaCond</string>
-  <string name="quote_font_family">AntennaCond</string>
-  <string name="display_font_family">AntennaCond</string>
-  <string name="callout_font_weight">800</string>
-  <string name="label_font_weight_bold">700</string>
-  <string name="label_font_weight_book">400</string>
-  <string name="body_font_weight_book">400</string>
-  <string name="body_font_weight_bold">700</string>
-  <string name="kicker_font_weight">700</string>
-  <string name="kicker_font_weight_st">Black Italic</string>
-  <string name="subheadline_font_weight">700</string>
-  <string name="headline1_font_weight">700</string>
-  <string name="headline2_font_weight">700</string>
-  <string name="headline3_font_weight">700</string>
-  <string name="headline4_font_weight">700</string>
-  <string name="headline1_font_weight_st">Bold Italic</string><!-- This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines. -->
-  <string name="title_font_weight">800</string>
-  <string name="display_font_weight">800</string>
-  <string name="quote_font_weight">800</string>
-  <string name="footnote_font_weight_book">400</string>
-  <string name="footnote_font_weight_bold">700</string>
-  <dimen name="body_line_height">28.05px</dimen><!-- Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) -->
-  <dimen name="kicker4_line_height">15.4px</dimen>
-  <dimen name="kicker3_line_height">17.6px</dimen>
-  <dimen name="kicker2_line_height">17.6px</dimen>
-  <dimen name="kicker1_line_height">22px</dimen>
-  <dimen name="label3_line_height">14.4px</dimen>
-  <dimen name="label1_line_height">20.4px</dimen><!-- This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. -->
-  <dimen name="label1_responsive_line_height">12px</dimen>
-  <dimen name="label2_line_height">19.2px</dimen>
-  <dimen name="label4_line_height">10px</dimen>
-  <dimen name="display1_line_height">40px</dimen>
-  <dimen name="display2_line_height">36px</dimen>
-  <dimen name="display3_line_height">28px</dimen>
-  <dimen name="title1_line_height">26.4px</dimen>
-  <dimen name="title2_line_height">20.8px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="quote_line_height">20.8px</dimen><!-- This variable is used in the quote text style line height parameter. -->
-  <dimen name="footnote1_line_height">17.03px</dimen>
-  <dimen name="footnote2_line_height">13px</dimen>
-  <dimen name="headline1_line_height">42px</dimen>
-  <dimen name="headline2_line_height">42px</dimen>
-  <dimen name="headline3_line_height">33px</dimen>
-  <dimen name="headline4_line_height">23.1px</dimen>
-  <dimen name="callout_line_height">23.4px</dimen>
-  <dimen name="subheadline1_line_height">23.4px</dimen>
-  <dimen name="letter_spacing_positive_sm">0.5px</dimen><!-- 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_positive_lg">2px</dimen><!-- 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_positive_md">1px</dimen><!-- 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_none">0px</dimen><!-- 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_sm">-0.5px</dimen><!-- -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_md">-1px</dimen><!-- -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_lg">-2px</dimen><!-- -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_xs">-0.25px</dimen><!-- -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component. -->
-  <dimen name="letter_spacing_positive_xs">0.25px</dimen><!-- 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="display1_letter_spacing">-0.5px</dimen><!-- -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact. -->
-  <dimen name="display2_letter_spacing">-0.5px</dimen><!-- -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices. -->
-  <dimen name="display3_letter_spacing">-0.5px</dimen><!-- -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices. -->
-  <dimen name="border_radius_xs">2px</dimen><!-- 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. -->
-  <dimen name="border_radius_md">8px</dimen><!-- 8-8-8-8 – Standard radius for buttons, chips, input fields, and medium-sized interactive elements. -->
-  <dimen name="border_radius_sm">4px</dimen><!-- 4-4-4-4 – use for corner rounding on compact components like checkboxes or small input controls. -->
-  <dimen name="border_radius_xl">24px</dimen><!-- 24-24-24-24 – use for corner rounding on larger cards, overlays, dialogs, and other container components. -->
-  <dimen name="border_radius_lg">16px</dimen><!-- 16-16-16-16 – use for corner rounding on small cards, overlays, and modal surfaces. -->
-  <dimen name="border_radius_none">0px</dimen><!-- 0-0-0-0 – no corner rounding. Used as default for flat layouts, content modules, images, and teaser elements. -->
-  <dimen name="border_radius_full">9999px</dimen><!-- creates fully rounded shapes, typically used for circular elements like avatars. -->
-  <dimen name="border_width_thin">1px</dimen><!-- 1-1-1-1 – use for subtle outlines and dividers -->
-  <dimen name="border_width_thick">2px</dimen><!-- 2-2-2-2 – use for stronger outlines on form elements (inputs), buttons (outline variants), and interaction states (focus, hover, active) -->
-  <dimen name="border_width_hairline">0.33px</dimen><!-- 0.33 -0.33 -0.33 -0.33 – primarily used in mobile app interfaces. Optimized for high-density displays to create subtle dividers and outlines without visual overload. -->
-  <string name="change_on_lg">xs/sm/md</string>
-  <string name="change_on_md">xs/sm</string><!-- This variable is used for controlling size changes across device sizes on some components such as the vertical newsticker cards and the search results cards. Both have cards that change layouts at different breakpoints. -->
-  <string name="bp_specific_web">xs/sm</string>
-  <string name="bp_specific_app">compact</string>
-  <dimen name="inline_space_resp_sm">8px</dimen><!-- 8-8-12-16 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_md">12px</dimen><!-- 12-12-16-24 use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_lg">16px</dimen><!-- 16-16-24-32 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp2_xl">32px</dimen><!-- 32-32-48-64 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_xl">24px</dimen><!-- 24-24-32-40 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_xs">6px</dimen><!-- 6-6-6-6 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const3_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const2_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="stack_space_resp_md">12px</dimen><!-- 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_lg">16px</dimen><!-- 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp2_xl">32px</dimen><!-- 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_sm">8px</dimen><!-- 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_xl">24px</dimen><!-- 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_xs">6px</dimen><!-- 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const3_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const2_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="gap_space_resp_xs">4px</dimen><!-- 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_lg">16px</dimen><!-- 16-16-24-32 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_xl">24px</dimen><!-- 24-24-32-48 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp2_xl">32px</dimen><!-- 32-32-48-64 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_md">12px</dimen><!-- 12-12-16-24 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_sm">8px</dimen><!-- 8-8-12-16 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp2_xs">2px</dimen><!-- 2-2-4-6 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp3_xl">48px</dimen><!-- 48-48-72-96 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_const2_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const3_xl">48px</dimen><!-- 48-48-48-48 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="size_const3_xs">16px</dimen><!-- 16-16-16-16 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const2_xs">24px</dimen><!-- 24-24-24-24 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_xs">32px</dimen><!-- 32-32-32-32 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_sm">40px</dimen><!-- 40-40-40-40 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_md">48px</dimen><!-- 48-48-48-48 Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_lg">56px</dimen><!-- 56-56-56-56 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_xl">64px</dimen><!-- 64-64-64-64 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const3_xl">96px</dimen><!-- 96-96-96-96 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const4_xl">148px</dimen><!-- 148-148-148-148 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const2_xl">72px</dimen><!-- 72-72-72-72 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const4_xs">8px</dimen><!-- 8-8-8-8 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_resp3_xs">16px</dimen><!-- 16-16-16-24 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp2_xs">24px</dimen><!-- 24-24-32-32 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_xs">32px</dimen><!-- 32-32-40-48 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_sm">40px</dimen><!-- 40-40-48-56 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_md">48px</dimen><!-- 48-48-64-72 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_lg">56px</dimen><!-- 56-56-72-92 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_xl">64px</dimen><!-- 64-64-80-96 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp2_xl">72px</dimen><!-- 72-72-92-100 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp3_xl">96px</dimen><!-- 96-96-120-148 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp4_xl">148px</dimen><!-- 148-148-160-180 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp4_xs">12px</dimen><!-- 12-12-14-16 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <string name="breakpoint_name">sm</string>
-</resources>

package/dist/android/res/values/brands/sportbild/semantic/sizeclass/sizeclass-regular.xml

@@ -1,194 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<!--
-  Do not edit directly, this file was auto-generated.
--->
-<resources>
-  <dimen name="grid_space_resp_lg">32px</dimen><!-- 24-24-32-32 – use for side paddings and gutters in responsive layouts -->
-  <dimen name="grid_space_resp_xl">64px</dimen><!-- 48-48-64-64 – use for side paddings and gutters in responsive layouts -->
-  <dimen name="grid_space_resp_base">16px</dimen><!-- 12-12-12-16 – use for side paddings and gutters in responsive layouts -->
-  <dimen name="grid_space_resp_sm">8px</dimen><!-- 6-6-6-8 – use for side paddings and gutters in responsive layouts -->
-  <dimen name="page_inline_space">16px</dimen><!-- 0-0-0-16 – This token is used on the main homepages content container, ensuring full-width layout (no horizontal padding) on mobile and tablet breakpoints. -->
-  <dimen name="grid_space_const_lg">16px</dimen><!-- 16-16-16-16 – use for fixed side paddings and gutters -->
-  <dimen name="grid_space_const_sm">12px</dimen><!-- 12-12-12-12 – use for fixed side paddings and gutters -->
-  <integer name="layout_guide_grid_colums">12</integer><!-- Used to set the column count in Figma Layout guide Grids -->
-  <dimen name="section_space_base">48px</dimen><!-- 36-36-48-48 – Use for vertical spacing between sections in a layout. -->
-  <dimen name="section_space_lg">96px</dimen><!-- 72-72-96-96 – Use for vertical spacing between sections in a layout -->
-  <dimen name="paragraph_end_space">32px</dimen><!-- 16-16-32-32 – Use for spacing after paragraphs in text content -->
-  <dimen name="section_space_sm">36px</dimen><!-- 24-24-36-36 – Use for vertical spacing between subsections in a layout -->
-  <dimen name="breakpoint_min_width_size">1024px</dimen><!-- 320 - 390 - 600 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic minimum widths across responsive viewports. -->
-  <dimen name="breakpoint_max_width_size">1024px</dimen><!-- 389 - 599 - 1023 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic maximum widths across responsive viewports. -->
-  <dimen name="canvas_height_size_web">768px</dimen><!-- Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. -->
-  <dimen name="content_max_width_medium">700px</dimen><!-- Use for content containers that should not fill the full page width on larger viewports. This is commonly used on article body text content and other elements in an article page. -->
-  <dimen name="content_max_width_full">1024px</dimen><!-- Use for content containers that should fill the full width of the page -->
-  <dimen name="canvas_width_size_web">1024px</dimen><!-- Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. -->
-  <dimen name="canvas_width_size_app">1194px</dimen><!-- Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. -->
-  <dimen name="canvas_height_size_app">834px</dimen><!-- Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. -->
-  <dimen name="title1_font_size">30px</dimen><!-- 22 - 22 - 22 - 28 -- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="title2_font_size">20px</dimen><!-- 16 - 16 - 18 - 20 - html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="display1_font_size">114px</dimen><!-- This variable is used on the font size parameter for the display1 text style. 40 - 40 - 72 - 120 -->
-  <dimen name="display2_font_size">61px</dimen><!-- This variable is used for the font size parameter of the Display2 text style. 36 - 36 - 42 - 64 -->
-  <dimen name="display3_font_size">38px</dimen><!-- This variable is used on the display3 font size parameter of the display3 text style. 28 - 28 - 32 - 40 -->
-  <dimen name="headline1_font_size">80px</dimen><!-- This token is used for the headline1 text style's font size parameter. 48 - 48 - 72 - 100 -->
-  <dimen name="headline2_font_size">50px</dimen><!-- This token is used on the headline2 text style's font size parameter. 40 - 40 - 48 - 64 -->
-  <dimen name="headline3_font_size">34px</dimen><!-- This token is used on the headline3 text style's font size parameter. 28 - 28 - 36 - 40 -->
-  <dimen name="headline4_font_size">26px</dimen><!-- This token controls the headline4 text style's font size parameter: 22 - 22 - 26 - 32 -->
-  <dimen name="body_font_size">17px</dimen><!-- This variable is used on the body text style's font size parameter. It remains constant at 21. -->
-  <dimen name="label3_font_size">12px</dimen><!-- This token is used in the label3 text style's font size parameter. Its value remains constant at 12 across device sizes. -->
-  <dimen name="label2_font_size">15px</dimen><!-- This variable controls the label2 text style's font size parameter. Its value remains constant at 15. -->
-  <dimen name="label1_font_size">17px</dimen><!-- This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes. -->
-  <dimen name="label1_font_size_responsive">17px</dimen><!-- 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes. -->
-  <dimen name="label4_font_size">8px</dimen><!-- This token is used in the font size parameter of the label4 text style. The value remains constant at 8. -->
-  <dimen name="callout1_font_size">24px</dimen><!-- This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22 -->
-  <dimen name="footnote1_font_size">15px</dimen><!-- This token is used on the footnote text style font size parameter. 16 - 16 - 16 - 18 -->
-  <dimen name="footnote2_font_size">13px</dimen><!-- This token is used in the font size parameter of the footnote2 text style. 12 - 12 - 12 - 16 -->
-  <dimen name="kicker1_font_size">32px</dimen><!-- Values come from NMT Figma File 01_Foundation; in online CSS this is kicker0. 18 - 18 - 22 - 30 - This variable does not exist yet in online css. Online css is called kicker0 for smallest font size. -->
-  <dimen name="kicker2_font_size">26px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. This DS uses 1 to 4 following html convention of h1, h2, h3, etc. 18 - 18 - 22 - 24 -->
-  <dimen name="kicker3_font_size">22px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 16 - 16 - 18 - 20 -->
-  <dimen name="kicker4_font_size">18px</dimen><!-- Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 14 - 14 - 16 - 16 -->
-  <dimen name="subheadline1_font_size">26px</dimen><!-- This token controls the subheadline1 font size parameter. 24 - 24 - 32 - 36 -->
-  <dimen name="quote_font_size">20px</dimen><!-- 16 - 16 - 18 - 20 -- This variable is used for controlling the font size of the quote text style. -->
-  <string name="body_font_family">Inter</string><!-- This variable references the bodyFontFamily variable from the branding collection. -->
-  <string name="callout_font_family">AntennaCond</string>
-  <string name="headline_font_family">AntennaExtraCond</string>
-  <string name="footnote_font_family">Inter</string>
-  <string name="label_font_family">AntennaExtraCond</string>
-  <string name="kicker_font_family">AntennaExtraCond</string>
-  <string name="subheadline_font_family">AntennaCond</string>
-  <string name="title_font_family">AntennaCond</string>
-  <string name="quote_font_family">AntennaCond</string>
-  <string name="display_font_family">AntennaCond</string>
-  <string name="callout_font_weight">800</string>
-  <string name="label_font_weight_bold">700</string>
-  <string name="label_font_weight_book">400</string>
-  <string name="body_font_weight_book">400</string>
-  <string name="body_font_weight_bold">700</string>
-  <string name="kicker_font_weight">700</string>
-  <string name="kicker_font_weight_st">Black Italic</string>
-  <string name="subheadline_font_weight">700</string>
-  <string name="headline1_font_weight">700</string>
-  <string name="headline2_font_weight">700</string>
-  <string name="headline3_font_weight">700</string>
-  <string name="headline4_font_weight">700</string>
-  <string name="headline1_font_weight_st">Bold Italic</string><!-- This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines. -->
-  <string name="title_font_weight">800</string>
-  <string name="display_font_weight">800</string>
-  <string name="quote_font_weight">800</string>
-  <string name="footnote_font_weight_book">400</string>
-  <string name="footnote_font_weight_bold">700</string>
-  <dimen name="body_line_height">28.05px</dimen><!-- Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) -->
-  <dimen name="kicker4_line_height">19.8px</dimen>
-  <dimen name="kicker3_line_height">24.2px</dimen>
-  <dimen name="kicker2_line_height">28.6px</dimen>
-  <dimen name="kicker1_line_height">35.2px</dimen>
-  <dimen name="label3_line_height">14.4px</dimen>
-  <dimen name="label1_line_height">20.4px</dimen><!-- This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. -->
-  <dimen name="label1_responsive_line_height">20.4px</dimen>
-  <dimen name="label2_line_height">19.2px</dimen>
-  <dimen name="label4_line_height">10px</dimen>
-  <dimen name="display1_line_height">120px</dimen>
-  <dimen name="display2_line_height">64px</dimen>
-  <dimen name="display3_line_height">40px</dimen>
-  <dimen name="title1_line_height">33px</dimen>
-  <dimen name="title2_line_height">26px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
-  <dimen name="quote_line_height">26px</dimen><!-- This variable is used in the quote text style line height parameter. -->
-  <dimen name="footnote1_line_height">19px</dimen>
-  <dimen name="footnote2_line_height">17.03px</dimen>
-  <dimen name="headline1_line_height">88px</dimen>
-  <dimen name="headline2_line_height">57.6px</dimen>
-  <dimen name="headline3_line_height">39.1px</dimen>
-  <dimen name="headline4_line_height">29.9px</dimen>
-  <dimen name="callout_line_height">31.2px</dimen>
-  <dimen name="subheadline1_line_height">33.8px</dimen>
-  <dimen name="letter_spacing_positive_sm">0.5px</dimen><!-- 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_positive_lg">3px</dimen><!-- 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_positive_md">1px</dimen><!-- 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_none">0px</dimen><!-- 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_sm">-0.25px</dimen><!-- -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_md">-1px</dimen><!-- -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_lg">-3px</dimen><!-- -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="letter_spacing_negative_xs">-0.25px</dimen><!-- -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component. -->
-  <dimen name="letter_spacing_positive_xs">0.25px</dimen><!-- 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
-  <dimen name="display1_letter_spacing">-2px</dimen><!-- -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact. -->
-  <dimen name="display2_letter_spacing">-1px</dimen><!-- -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices. -->
-  <dimen name="display3_letter_spacing">-1px</dimen><!-- -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices. -->
-  <dimen name="border_radius_xs">2px</dimen><!-- 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. -->
-  <dimen name="border_radius_md">8px</dimen><!-- 8-8-8-8 – Standard radius for buttons, chips, input fields, and medium-sized interactive elements. -->
-  <dimen name="border_radius_sm">4px</dimen><!-- 4-4-4-4 – use for corner rounding on compact components like checkboxes or small input controls. -->
-  <dimen name="border_radius_xl">24px</dimen><!-- 24-24-24-24 – use for corner rounding on larger cards, overlays, dialogs, and other container components. -->
-  <dimen name="border_radius_lg">16px</dimen><!-- 16-16-16-16 – use for corner rounding on small cards, overlays, and modal surfaces. -->
-  <dimen name="border_radius_none">0px</dimen><!-- 0-0-0-0 – no corner rounding. Used as default for flat layouts, content modules, images, and teaser elements. -->
-  <dimen name="border_radius_full">9999px</dimen><!-- creates fully rounded shapes, typically used for circular elements like avatars. -->
-  <dimen name="border_width_thin">1px</dimen><!-- 1-1-1-1 – use for subtle outlines and dividers -->
-  <dimen name="border_width_thick">2px</dimen><!-- 2-2-2-2 – use for stronger outlines on form elements (inputs), buttons (outline variants), and interaction states (focus, hover, active) -->
-  <dimen name="border_width_hairline">0.33px</dimen><!-- 0.33 -0.33 -0.33 -0.33 – primarily used in mobile app interfaces. Optimized for high-density displays to create subtle dividers and outlines without visual overload. -->
-  <string name="change_on_lg">lg</string>
-  <string name="change_on_md">md/lg</string><!-- This variable is used for controlling size changes across device sizes on some components such as the vertical newsticker cards and the search results cards. Both have cards that change layouts at different breakpoints. -->
-  <string name="bp_specific_web">lg</string>
-  <string name="bp_specific_app">regular</string>
-  <dimen name="inline_space_resp_sm">16px</dimen><!-- 8-8-12-16 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_md">24px</dimen><!-- 12-12-16-24 use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_lg">32px</dimen><!-- 16-16-24-32 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp2_xl">64px</dimen><!-- 32-32-48-64 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_resp_xl">40px</dimen><!-- 24-24-32-40 – use for horizontal (left/right) padding of UI elements that scales across breakpoints -->
-  <dimen name="inline_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const_xs">6px</dimen><!-- 6-6-6-6 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const3_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="inline_space_const2_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed horizontal (left/right) padding of UI elements -->
-  <dimen name="stack_space_resp_md">24px</dimen><!-- 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_lg">32px</dimen><!-- 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp2_xl">64px</dimen><!-- 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_sm">16px</dimen><!-- 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_resp_xl">40px</dimen><!-- 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints -->
-  <dimen name="stack_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const_xs">6px</dimen><!-- 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const3_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="stack_space_const2_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements -->
-  <dimen name="gap_space_resp_xs">8px</dimen><!-- 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_lg">32px</dimen><!-- 16-16-24-32 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_xl">48px</dimen><!-- 24-24-32-48 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp2_xl">64px</dimen><!-- 32-32-48-64 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_md">24px</dimen><!-- 12-12-16-24 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp_sm">16px</dimen><!-- 8-8-12-16 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp2_xs">6px</dimen><!-- 2-2-4-6 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_resp3_xl">96px</dimen><!-- 48-48-72-96 – Use for gaps between items inside of UI elements that scale across breakpoints -->
-  <dimen name="gap_space_const2_xs">2px</dimen><!-- 2-2-2-2 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_xs">4px</dimen><!-- 4-4-4-4 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_sm">8px</dimen><!-- 8-8-8-8 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_md">12px</dimen><!-- 12-12-12-12 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_lg">16px</dimen><!-- 16-16-16-16 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const_xl">24px</dimen><!-- 24-24-24-24 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const2_xl">32px</dimen><!-- 32-32-32-32 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="gap_space_const3_xl">48px</dimen><!-- 48-48-48-48 – Use for fixed gaps between items inside of UI elements -->
-  <dimen name="size_const3_xs">16px</dimen><!-- 16-16-16-16 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const2_xs">24px</dimen><!-- 24-24-24-24 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_xs">32px</dimen><!-- 32-32-32-32 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_sm">40px</dimen><!-- 40-40-40-40 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_md">48px</dimen><!-- 48-48-48-48 Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_lg">56px</dimen><!-- 56-56-56-56 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const_xl">64px</dimen><!-- 64-64-64-64 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const3_xl">96px</dimen><!-- 96-96-96-96 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const4_xl">148px</dimen><!-- 148-148-148-148 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const2_xl">72px</dimen><!-- 72-72-72-72 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_const4_xs">8px</dimen><!-- 8-8-8-8 – Use for setting fixed height and width of UI elements -->
-  <dimen name="size_resp3_xs">24px</dimen><!-- 16-16-16-24 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp2_xs">32px</dimen><!-- 24-24-32-32 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_xs">48px</dimen><!-- 32-32-40-48 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_sm">56px</dimen><!-- 40-40-48-56 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_md">72px</dimen><!-- 48-48-64-72 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_lg">92px</dimen><!-- 56-56-72-92 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp_xl">96px</dimen><!-- 64-64-80-96 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp2_xl">100px</dimen><!-- 72-72-92-100 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp3_xl">148px</dimen><!-- 96-96-120-148 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp4_xl">180px</dimen><!-- 148-148-160-180 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <dimen name="size_resp4_xs">16px</dimen><!-- 12-12-14-16 – Use for setting height and width of UI elements that scale across breakpoints -->
-  <string name="breakpoint_name">lg</string>
-</resources>