:root {
  --fnd-typography-fonts-body: Manrope, Helvetica Neue, Arial, sans-serif;
  --fnd-typography-fonts-heading: Space Grotesk, Helvetica Neue, Arial, sans-serif;
  --fnd-typography-fonts-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --fnd-typography-fluid-viewport-min: 320;
  --fnd-typography-fluid-viewport-max: 1920;
  --fnd-typography-fluid-base-min-px: 14;
  --fnd-typography-fluid-base-max-px: 18;
  --fnd-typography-fluid-ratio: 1.2;
  --fnd-typography-line-height-tight: 1.05;
  --fnd-typography-line-height-heading: 1.15;
  --fnd-typography-line-height-body: 1.6;
  --fnd-typography-context-scale-content: 1;
  --fnd-typography-context-scale-dashboard: 0.92;
  --fnd-typography-semantic-steps-2xs: -3;
  --fnd-typography-semantic-steps-xs: -2;
  --fnd-typography-semantic-steps-sm: -1;
  --fnd-typography-semantic-steps-base: 0;
  --fnd-typography-semantic-steps-lg: 1;
  --fnd-typography-semantic-steps-xl: 2;
  --fnd-typography-semantic-steps-2xl: 3;
  --fnd-typography-semantic-steps-3xl: 4;
  --fnd-typography-semantic-steps-4xl: 5;
  --fnd-typography-semantic-steps-5xl: 6;
  --fnd-typography-semantic-steps-6xl: 7;
  --fnd-typography-semantic-steps-7xl: 8;
  --fnd-typography-semantic-steps-8xl: 9;
  --fnd-typography-semantic-steps-9xl: 10;
  --fnd-typography-semantic-sizes-px-xs-min: 9.722;
  --fnd-typography-semantic-sizes-px-xs-max: 12.5;
  --fnd-typography-semantic-sizes-px-sm-min: 11.667;
  --fnd-typography-semantic-sizes-px-sm-max: 15;
  --fnd-typography-semantic-sizes-px-base-min: 14;
  --fnd-typography-semantic-sizes-px-base-max: 18;
  --fnd-typography-semantic-sizes-px-lg-min: 16.8;
  --fnd-typography-semantic-sizes-px-lg-max: 21.6;
  --fnd-typography-semantic-sizes-px-xl-min: 20.16;
  --fnd-typography-semantic-sizes-px-xl-max: 25.92;
  --fnd-typography-semantic-sizes-px-2xl-min: 24.192;
  --fnd-typography-semantic-sizes-px-2xl-max: 31.104;
  --fnd-typography-semantic-sizes-px-3xl-min: 29.03;
  --fnd-typography-semantic-sizes-px-3xl-max: 37.325;
  --fnd-typography-semantic-sizes-px-4xl-min: 34.836;
  --fnd-typography-semantic-sizes-px-4xl-max: 44.79;
  --fnd-typography-semantic-sizes-px-5xl-min: 41.804;
  --fnd-typography-semantic-sizes-px-5xl-max: 53.748;
  --fnd-typography-semantic-sizes-px-6xl-min: 50.165;
  --fnd-typography-semantic-sizes-px-6xl-max: 64.497;
  --fnd-typography-semantic-sizes-px-7xl-min: 60.197;
  --fnd-typography-semantic-sizes-px-7xl-max: 77.397;
  --fnd-typography-semantic-sizes-px-8xl-min: 72.237;
  --fnd-typography-semantic-sizes-px-8xl-max: 92.876;
  --fnd-typography-semantic-sizes-px-9xl-min: 86.684;
  --fnd-typography-semantic-sizes-px-9xl-max: 111.451;
  --fnd-typography-fluid-mappings-heading-xxs: base;
  --fnd-typography-fluid-mappings-heading-xs: lg;
  --fnd-typography-fluid-mappings-heading-s: xl;
  --fnd-typography-fluid-mappings-heading-m: 2xl;
  --fnd-typography-fluid-mappings-heading-l: 3xl;
  --fnd-typography-fluid-mappings-heading-xl: 4xl;
  --fnd-typography-fluid-mappings-paragraph-s: xs;
  --fnd-typography-fluid-mappings-paragraph-m: sm;
  --fnd-typography-fluid-mappings-paragraph-l: base;
  --fnd-typography-fluid-mappings-paragraph-xl: lg;
  --fnd-typography-fluid-mappings-display-s-min-rem: 1.5;
  --fnd-typography-fluid-mappings-display-s-max-rem: 2;
  --fnd-typography-fluid-mappings-display-m-min-rem: 2.25;
  --fnd-typography-fluid-mappings-display-m-max-rem: 3;
  --fnd-typography-fluid-mappings-display-l-min-rem: 3;
  --fnd-typography-fluid-mappings-display-l-max-rem: 4;
  --fnd-typography-underline-offset: 4px;
  --fnd-typography-underline-thickness: 2px;
  --fnd-spacing-base-unit: 4px;
  --fnd-spacing-scale-10: 64px;
  --fnd-spacing-scale-11: 80px;
  --fnd-spacing-scale-12: 120px;
  --fnd-spacing-scale-13: 160px;
  --fnd-spacing-scale-01: 4px;
  --fnd-spacing-scale-02: 8px;
  --fnd-spacing-scale-03: 12px;
  --fnd-spacing-scale-04: 16px;
  --fnd-spacing-scale-05: 20px;
  --fnd-spacing-scale-06: 24px;
  --fnd-spacing-scale-07: 32px;
  --fnd-spacing-scale-08: 40px;
  --fnd-spacing-scale-09: 48px;
  --fnd-spacing-fluid-viewport-min: 320;
  --fnd-spacing-fluid-viewport-max: 1920;
  --fnd-spacing-fluid-static-steps: 01,02,03,04,05;
  --fnd-spacing-fluid-fluid-steps-10-min: 48px;
  --fnd-spacing-fluid-fluid-steps-10-max: 64px;
  --fnd-spacing-fluid-fluid-steps-11-min: 56px;
  --fnd-spacing-fluid-fluid-steps-11-max: 80px;
  --fnd-spacing-fluid-fluid-steps-12-min: 80px;
  --fnd-spacing-fluid-fluid-steps-12-max: 120px;
  --fnd-spacing-fluid-fluid-steps-13-min: 112px;
  --fnd-spacing-fluid-fluid-steps-13-max: 160px;
  --fnd-spacing-fluid-fluid-steps-06-min: 20px;
  --fnd-spacing-fluid-fluid-steps-06-max: 24px;
  --fnd-spacing-fluid-fluid-steps-07-min: 24px;
  --fnd-spacing-fluid-fluid-steps-07-max: 32px;
  --fnd-spacing-fluid-fluid-steps-08-min: 32px;
  --fnd-spacing-fluid-fluid-steps-08-max: 40px;
  --fnd-spacing-fluid-fluid-steps-09-min: 36px;
  --fnd-spacing-fluid-fluid-steps-09-max: 48px;
  --fnd-spacing-semantic-section: spacing-12;
  --fnd-spacing-semantic-component: spacing-08;
  --fnd-spacing-semantic-element: spacing-04;
  --fnd-radii-default: sm;
  --fnd-radii-scale-null: 0px;
  --fnd-radii-scale-xs: 2px;
  --fnd-radii-scale-sm: 4px;
  --fnd-radii-scale-md: 6px;
  --fnd-radii-scale-lg: 8px;
  --fnd-radii-scale-xl: 10px;
  --fnd-radii-scale-2xl: 12px;
  --fnd-radii-scale-3xl: 14px;
  --fnd-radii-scale-4xl: 16px;
  --fnd-radii-scale-full: 9999px;
  --fnd-border-width-null: 0px;
  --fnd-border-width-xs: 1px;
  --fnd-border-width-sm: 1.5px;
  --fnd-border-width-md: 2px;
  --fnd-border-width-lg: 3px;
  --fnd-border-width-xl: 4px;
  --fnd-border-width-aliases-hairline: xs;
  --fnd-border-width-aliases-thin: xs;
  --fnd-border-width-aliases-light: sm;
  --fnd-border-width-aliases-medium: lg;
  --fnd-border-width-aliases-bold: xl;
  --fnd-border-width-aliases-thick: md;
  --fnd-border-width-default: sm;
  --fnd-border-style-solid: solid;
  --fnd-border-style-dashed: dashed;
  --fnd-border-style-dotted: dotted;
  --fnd-border-style-double: double;
  --fnd-border-style-none: none;
  --fnd-border--notiz-width: Halbiert gegenueber der urspruenglichen Skala (2/4/6/8px). Bewusste Entscheidung aus der Website-Arbeit, uebernommen am 2026-08-12 im Rahmen der DS-Website-Vereinigung. xs bleibt bei 1px.;
  --fnd-shadow-levels-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --fnd-shadow-levels-sm: 0 4px 10px rgba(15, 23, 42, 0.08);
  --fnd-shadow-levels-md: 0 10px 24px rgba(15, 23, 42, 0.12);
  --fnd-shadow-levels-lg: 0 18px 40px rgba(15, 23, 42, 0.16);
  --fnd-shadow-levels-xl: 0 30px 60px rgba(15, 23, 42, 0.2);
  --fnd-elevation-levels-base: var(--fnd-shadow-xs);
  --fnd-elevation-levels-raised: var(--fnd-shadow-sm);
  --fnd-elevation-levels-floating: var(--fnd-shadow-md);
  --fnd-elevation-levels-overlay: var(--fnd-shadow-lg);
  --fnd-elevation-levels-modal: var(--fnd-shadow-xl);
  --fnd-opacity-disabled: 0.5;
  --fnd-opacity-hover: 0.08;
  --fnd-opacity-focus: 0.12;
  --fnd-opacity-pressed: 0.12;
  --fnd-opacity-dragged: 0.16;
  --fnd-opacity-muted: 0.6;
  --fnd-opacity-medium: 0.7;
  --fnd-opacity-high: 0.8;
  --fnd-opacity-prominent: 0.85;
  --fnd-opacity-subtle: 0.9;
  --fnd-layout-z-index-base: 1;
  --fnd-layout-z-index-dropdown: 2;
  --fnd-layout-z-index-sticky: 3;
  --fnd-layout-z-index-fixed: 9;
  --fnd-layout-z-index-modal-backdrop: 10;
  --fnd-layout-z-index-modal: 11;
  --fnd-layout-z-index-tooltip: 20;
  --fnd-layout-nav-height-mobile: 64px;
  --fnd-layout-nav-height-desktop: 72px;
  --fnd-layout-media-ratios-auto: auto;
  --fnd-layout-media-ratios-1-1: 1 / 1;
  --fnd-layout-media-ratios-2-1: 2 / 1;
  --fnd-layout-media-ratios-1-2: 1 / 2;
  --fnd-layout-media-ratios-3-2: 3 / 2;
  --fnd-layout-media-ratios-2-3: 2 / 3;
  --fnd-layout-media-ratios-4-3: 4 / 3;
  --fnd-layout-media-ratios-3-4: 3 / 4;
  --fnd-layout-media-ratios-16-9: 16 / 9;
  --fnd-layout-media-ratios-9-16: 9 / 16;
  --fnd-layout-container-max-width: 1090px;
  --fnd-layout-container-max-width-wide: 1290px;
  --fnd-layout-container-prose: 72ch;
  --fnd-layout-container-narrow: 768px;
  --fnd-layout-container-content: 1090px;
  --fnd-layout-container-wide: 1290px;
  --fnd-layout-container-xwide: 1536px;
  --fnd-layout-container-full: 100%;
  --fnd-layout-container-query-card-min: 280px;
  --fnd-layout-container-query-card-compact: 400px;
  --fnd-layout-container-query-card-wide: 560px;
  --fnd-layout-container-query-widget-min: 240px;
  --fnd-layout-container-query-widget-two-col: 480px;
  --fnd-layout-container-query-media-text-stack: 600px;
  --fnd-layout-container-query-feature-accordion-split: 720px;
  --fnd-layout-grid-columns: 12;
  --fnd-layout-grid-gap: 16px;
  --fnd-layout-grid-gap-lg: 24px;
  --fnd-layout-components-square-value-small: 96px;
  --fnd-layout-components-square-value-big: 168px;
  --fnd-layout-components-square-value-translate-z-mobile: 100px;
  --fnd-layout-components-square-value-translate-z-desktop: 130px;
  --fnd-breakpoints-xs: 0;
  --fnd-breakpoints-sm: 768px;
  --fnd-breakpoints-md: 960px;
  --fnd-breakpoints-lg: 1200px;
  --fnd-breakpoints-xl: 1600px;
  --fnd-breakpoints-xxl: 1920px;
  --fnd-motion-easing-informative: linear;
  --fnd-motion-easing-focused: ease-in-out;
  --fnd-motion-easing-expressive: ease-out;
  --fnd-motion-duration-100: 0.1s;
  --fnd-motion-duration-150: 0.15s;
  --fnd-motion-duration-200: 0.2s;
  --fnd-motion-duration-250: 0.25s;
  --fnd-motion-duration-300: 0.3s;
  --fnd-motion-duration-350: 0.35s;
  --fnd-motion-duration-450: 0.45s;
  --fnd-motion-duration-600: 0.6s;
  --fnd-motion-duration-1000: 1s;
  --fnd-motion-duration-1500: 1.5s;
  --fnd-motion-duration-semantic-informative-quick: 0.2s;
  --fnd-motion-duration-semantic-informative-base: 0.3s;
  --fnd-motion-duration-semantic-informative-slow: 0.6s;
  --fnd-motion-duration-semantic-focused-quick: 0.2s;
  --fnd-motion-duration-semantic-focused-base: 0.3s;
  --fnd-motion-duration-semantic-focused-slow: 0.45s;
  --fnd-motion-duration-semantic-expressive-quick: 0.2s;
  --fnd-motion-duration-semantic-expressive-base: 0.3s;
  --fnd-motion-duration-semantic-expressive-slow: 0.45s;
  --fnd-motion-delay-0: 0s;
  --fnd-motion-delay-100: 0.1s;
  --fnd-motion-delay-150: 0.15s;
  --fnd-motion-delay-200: 0.2s;
  --fnd-motion-delay-250: 0.25s;
  --fnd-motion-delay-300: 0.3s;
  --fnd-motion-delay-450: 0.45s;
  --fnd-motion-delay-600: 0.6s;
  --fnd-motion-delay-1000: 1s;
  --fnd-motion-effects-hover-lift-transform: translateY(-8px);
  --fnd-motion-effects-hover-lift-transition: transform 0.3s ease;
  --fnd-motion-effects-hover-lift-intent: state-change;
  --fnd-motion-effects-fade-in-animation: fadeIn 1s ease-in forwards;
  --fnd-motion-effects-fade-in-intent: entrance;
  --fnd-motion-effects-slide-in-transform: translateX(-100%);
  --fnd-motion-effects-slide-in-transition: transform 0.3s ease-out;
  --fnd-motion-effects-slide-in-intent: spatial;
  --fnd-motion-effects-pulse-animation: pulse 2s ease-in-out infinite;
  --fnd-motion-effects-pulse-intent: attention;
  --fnd-motion-effects-spin-animation: spin 1s linear infinite;
  --fnd-motion-effects-spin-intent: attention;
  --fnd-motion-effects-shake-animation: shake 0.4s ease-in-out;
  --fnd-motion-effects-shake-intent: feedback;
  --fnd-motion-effects-scale-press-transform: scale(0.95);
  --fnd-motion-effects-scale-press-transition: transform 0.15s ease-in-out;
  --fnd-motion-effects-scale-press-intent: state-change;
  --fnd-motion-effects-parallax-factor: 0.5;
  --fnd-motion-effects-parallax-intent: spatial;
  --fnd-icons-size-xs: 16px;
  --fnd-icons-size-sm: 20px;
  --fnd-icons-size-md: 24px;
  --fnd-icons-size-lg: 28px;
  --fnd-icons-size-xl: 32px;
  --fnd-icons-size-2xl: 36px;
  --fnd-icons-default-size: sm;
  --fnd-icons-touch-target-min: 44px;
  --fnd-icons-button-icon-map-xs: xs;
  --fnd-icons-button-icon-map-sm: xs;
  --fnd-icons-button-icon-map-md: sm;
  --fnd-icons-button-icon-map-lg: sm;
  --fnd-a11y-focus-ring-width: 2px;
  --fnd-a11y-focus-ring-offset: 3px;
  --fnd-a11y-focus-ring-style: solid;
  --fnd-a11y-focus-ring-color: text-primary;
  --fnd-a11y-touch-target-min: 44px;
  --fnd-state-derivation-bold-hover: 85;
  --fnd-state-derivation-bold-active: 75;
  --fnd-state-derivation-bold-description: Gefuellte farbige Flaechen (Buttons, Tags). Hover: 15% Mix, Active: 25% Mix.;
  --fnd-state-derivation-subtle-hover: 92;
  --fnd-state-derivation-subtle-active: 85;
  --fnd-state-derivation-subtle-description: Transparente/kontrastarme Flaechen (Ghost, Chips). Hover: 8% Mix, Active: 15% Mix.;
  --fnd--configurator-radius-label: Border Radius;
  --fnd--configurator-radius-icon: border-radius;
  --fnd--configurator-radius-tokens-null-label: None;
  --fnd--configurator-radius-tokens-null-value: 0px;
  --fnd--configurator-radius-tokens-xs-label: XS;
  --fnd--configurator-radius-tokens-xs-value: 2px;
  --fnd--configurator-radius-tokens-sm-label: SM (Default);
  --fnd--configurator-radius-tokens-sm-value: 4px;
  --fnd--configurator-radius-tokens-md-label: MD;
  --fnd--configurator-radius-tokens-md-value: 6px;
  --fnd--configurator-radius-tokens-lg-label: LG;
  --fnd--configurator-radius-tokens-lg-value: 8px;
  --fnd--configurator-radius-tokens-xl-label: XL;
  --fnd--configurator-radius-tokens-xl-value: 10px;
  --fnd--configurator-radius-tokens-2xl-label: 2XL;
  --fnd--configurator-radius-tokens-2xl-value: 12px;
  --fnd--configurator-radius-tokens-3xl-label: 3XL;
  --fnd--configurator-radius-tokens-3xl-value: 14px;
  --fnd--configurator-radius-tokens-4xl-label: 4XL;
  --fnd--configurator-radius-tokens-4xl-value: 16px;
  --fnd--configurator-radius-tokens-full-label: Full;
  --fnd--configurator-radius-tokens-full-value: 9999px;
  --fnd--configurator-spacing-label: Spacing;
  --fnd--configurator-spacing-icon: spacing-horizontal;
  --fnd--configurator-spacing-tokens-10-label: 10;
  --fnd--configurator-spacing-tokens-10-value: 64px;
  --fnd--configurator-spacing-tokens-11-label: 11;
  --fnd--configurator-spacing-tokens-11-value: 80px;
  --fnd--configurator-spacing-tokens-12-label: 12;
  --fnd--configurator-spacing-tokens-12-value: 120px;
  --fnd--configurator-spacing-tokens-13-label: 13;
  --fnd--configurator-spacing-tokens-13-value: 160px;
  --fnd--configurator-spacing-tokens-01-label: 01;
  --fnd--configurator-spacing-tokens-01-value: 4px;
  --fnd--configurator-spacing-tokens-02-label: 02;
  --fnd--configurator-spacing-tokens-02-value: 8px;
  --fnd--configurator-spacing-tokens-03-label: 03;
  --fnd--configurator-spacing-tokens-03-value: 12px;
  --fnd--configurator-spacing-tokens-04-label: 04;
  --fnd--configurator-spacing-tokens-04-value: 16px;
  --fnd--configurator-spacing-tokens-05-label: 05;
  --fnd--configurator-spacing-tokens-05-value: 20px;
  --fnd--configurator-spacing-tokens-06-label: 06;
  --fnd--configurator-spacing-tokens-06-value: 24px;
  --fnd--configurator-spacing-tokens-07-label: 07;
  --fnd--configurator-spacing-tokens-07-value: 32px;
  --fnd--configurator-spacing-tokens-08-label: 08;
  --fnd--configurator-spacing-tokens-08-value: 40px;
  --fnd--configurator-spacing-tokens-09-label: 09;
  --fnd--configurator-spacing-tokens-09-value: 48px;
  --fnd--configurator-shadow-label: Shadow;
  --fnd--configurator-shadow-icon: shadow;
  --fnd--configurator-shadow-tokens-xs-label: XS;
  --fnd--configurator-shadow-tokens-xs-value: 0 1px 2px rgba(15, 23, 42, 0.06);
  --fnd--configurator-shadow-tokens-sm-label: SM;
  --fnd--configurator-shadow-tokens-sm-value: 0 4px 10px rgba(15, 23, 42, 0.08);
  --fnd--configurator-shadow-tokens-md-label: MD;
  --fnd--configurator-shadow-tokens-md-value: 0 10px 24px rgba(15, 23, 42, 0.12);
  --fnd--configurator-shadow-tokens-lg-label: LG;
  --fnd--configurator-shadow-tokens-lg-value: 0 18px 40px rgba(15, 23, 42, 0.16);
  --fnd--configurator-shadow-tokens-xl-label: XL;
  --fnd--configurator-shadow-tokens-xl-value: 0 30px 60px rgba(15, 23, 42, 0.2);
  --fnd--configurator-elevation-label: Elevation;
  --fnd--configurator-elevation-icon: stack-3;
  --fnd--configurator-elevation-tokens-base-label: Base;
  --fnd--configurator-elevation-tokens-base-value: xs;
  --fnd--configurator-elevation-tokens-base-maps-to: shadow;
  --fnd--configurator-elevation-tokens-raised-label: Raised;
  --fnd--configurator-elevation-tokens-raised-value: sm;
  --fnd--configurator-elevation-tokens-raised-maps-to: shadow;
  --fnd--configurator-elevation-tokens-floating-label: Floating;
  --fnd--configurator-elevation-tokens-floating-value: md;
  --fnd--configurator-elevation-tokens-floating-maps-to: shadow;
  --fnd--configurator-elevation-tokens-overlay-label: Overlay;
  --fnd--configurator-elevation-tokens-overlay-value: lg;
  --fnd--configurator-elevation-tokens-overlay-maps-to: shadow;
  --fnd--configurator-elevation-tokens-modal-label: Modal;
  --fnd--configurator-elevation-tokens-modal-value: xl;
  --fnd--configurator-elevation-tokens-modal-maps-to: shadow;
  --fnd--configurator-opacity-label: Opacity;
  --fnd--configurator-opacity-icon: eye;
  --fnd--configurator-opacity-tokens-disabled-label: Disabled;
  --fnd--configurator-opacity-tokens-disabled-value: 0.5;
  --fnd--configurator-opacity-tokens-hover-label: Hover;
  --fnd--configurator-opacity-tokens-hover-value: 0.08;
  --fnd--configurator-opacity-tokens-focus-label: Focus;
  --fnd--configurator-opacity-tokens-focus-value: 0.12;
  --fnd--configurator-opacity-tokens-pressed-label: Pressed;
  --fnd--configurator-opacity-tokens-pressed-value: 0.12;
  --fnd--configurator-opacity-tokens-dragged-label: Dragged;
  --fnd--configurator-opacity-tokens-dragged-value: 0.16;
  --fnd--configurator-opacity-tokens-muted-label: Muted;
  --fnd--configurator-opacity-tokens-muted-value: 0.6;
  --fnd--configurator-opacity-tokens-medium-label: Medium;
  --fnd--configurator-opacity-tokens-medium-value: 0.7;
  --fnd--configurator-opacity-tokens-high-label: High;
  --fnd--configurator-opacity-tokens-high-value: 0.8;
  --fnd--configurator-opacity-tokens-prominent-label: Prominent;
  --fnd--configurator-opacity-tokens-prominent-value: 0.85;
  --fnd--configurator-opacity-tokens-subtle-label: Subtle;
  --fnd--configurator-opacity-tokens-subtle-value: 0.9;
  --fnd--configurator-typography-label: Typography;
  --fnd--configurator-typography-icon: typography;
  --fnd--configurator-typography-tokens-font-body-label: Body Font;
  --fnd--configurator-typography-tokens-font-body-value: Manrope, Helvetica Neue, Arial, sans-serif;
  --fnd--configurator-typography-tokens-font-body-type: font;
  --fnd--configurator-typography-tokens-font-heading-label: Heading Font;
  --fnd--configurator-typography-tokens-font-heading-value: Space Grotesk, Helvetica Neue, Arial, sans-serif;
  --fnd--configurator-typography-tokens-font-heading-type: font;
  --fnd--configurator-typography-tokens-font-mono-label: Mono Font;
  --fnd--configurator-typography-tokens-font-mono-value: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  --fnd--configurator-typography-tokens-font-mono-type: font;
  --fnd--configurator-typography-tokens-weight-light-label: Light;
  --fnd--configurator-typography-tokens-weight-light-value: 300;
  --fnd--configurator-typography-tokens-weight-light-type: weight;
  --fnd--configurator-typography-tokens-weight-regular-label: Regular;
  --fnd--configurator-typography-tokens-weight-regular-value: 400;
  --fnd--configurator-typography-tokens-weight-regular-type: weight;
  --fnd--configurator-typography-tokens-weight-medium-label: Medium;
  --fnd--configurator-typography-tokens-weight-medium-value: 500;
  --fnd--configurator-typography-tokens-weight-medium-type: weight;
  --fnd--configurator-typography-tokens-weight-semibold-label: Semibold;
  --fnd--configurator-typography-tokens-weight-semibold-value: 600;
  --fnd--configurator-typography-tokens-weight-semibold-type: weight;
  --fnd--configurator-typography-tokens-weight-bold-label: Bold;
  --fnd--configurator-typography-tokens-weight-bold-value: 700;
  --fnd--configurator-typography-tokens-weight-bold-type: weight;
  --fnd--configurator-typography-tokens-weight-black-label: Black;
  --fnd--configurator-typography-tokens-weight-black-value: 900;
  --fnd--configurator-typography-tokens-weight-black-type: weight;
  --fnd--configurator-motion-label: Motion;
  --fnd--configurator-motion-icon: ripple;
  --fnd--configurator-motion-tokens-easing-informative-label: Informative;
  --fnd--configurator-motion-tokens-easing-informative-value: linear;
  --fnd--configurator-motion-tokens-easing-informative-type: easing;
  --fnd--configurator-motion-tokens-easing-focused-label: Focused;
  --fnd--configurator-motion-tokens-easing-focused-value: ease-in-out;
  --fnd--configurator-motion-tokens-easing-focused-type: easing;
  --fnd--configurator-motion-tokens-easing-expressive-label: Expressive;
  --fnd--configurator-motion-tokens-easing-expressive-value: ease-out;
  --fnd--configurator-motion-tokens-easing-expressive-type: easing;
  --fnd--configurator-motion-tokens-duration-quick-label: Quick;
  --fnd--configurator-motion-tokens-duration-quick-value: 0.2s;
  --fnd--configurator-motion-tokens-duration-quick-type: duration;
  --fnd--configurator-motion-tokens-duration-base-label: Base;
  --fnd--configurator-motion-tokens-duration-base-value: 0.3s;
  --fnd--configurator-motion-tokens-duration-base-type: duration;
  --fnd--configurator-motion-tokens-duration-slow-label: Slow;
  --fnd--configurator-motion-tokens-duration-slow-value: 0.45s;
  --fnd--configurator-motion-tokens-duration-slow-type: duration;
  --fnd--configurator-border-label: Border;
  --fnd--configurator-border-icon: border-style-2;
  --fnd--configurator-border-tokens-width-null-label: None;
  --fnd--configurator-border-tokens-width-null-value: 0px;
  --fnd--configurator-border-tokens-width-null-type: width;
  --fnd--configurator-border-tokens-width-xs-label: XS (Hairline);
  --fnd--configurator-border-tokens-width-xs-value: 1px;
  --fnd--configurator-border-tokens-width-xs-type: width;
  --fnd--configurator-border-tokens-width-sm-label: SM (Default);
  --fnd--configurator-border-tokens-width-sm-value: 1.5px;
  --fnd--configurator-border-tokens-width-sm-type: width;
  --fnd--configurator-border-tokens-width-md-label: MD;
  --fnd--configurator-border-tokens-width-md-value: 2px;
  --fnd--configurator-border-tokens-width-md-type: width;
  --fnd--configurator-border-tokens-width-lg-label: LG;
  --fnd--configurator-border-tokens-width-lg-value: 3px;
  --fnd--configurator-border-tokens-width-lg-type: width;
  --fnd--configurator-border-tokens-width-xl-label: XL;
  --fnd--configurator-border-tokens-width-xl-value: 4px;
  --fnd--configurator-border-tokens-width-xl-type: width;
  --fnd--configurator-border-tokens-style-solid-label: Solid;
  --fnd--configurator-border-tokens-style-solid-value: solid;
  --fnd--configurator-border-tokens-style-solid-type: style;
  --fnd--configurator-border-tokens-style-dashed-label: Dashed;
  --fnd--configurator-border-tokens-style-dashed-value: dashed;
  --fnd--configurator-border-tokens-style-dashed-type: style;
  --fnd--configurator-border-tokens-style-dotted-label: Dotted;
  --fnd--configurator-border-tokens-style-dotted-value: dotted;
  --fnd--configurator-border-tokens-style-dotted-type: style;
  --fnd--configurator-border-tokens-style-double-label: Double;
  --fnd--configurator-border-tokens-style-double-value: double;
  --fnd--configurator-border-tokens-style-double-type: style;
  --fnd--configurator-border-tokens-style-none-label: None (Hidden);
  --fnd--configurator-border-tokens-style-none-value: none;
  --fnd--configurator-border-tokens-style-none-type: style;
  --fnd--configurator-zindex-label: Z-Index;
  --fnd--configurator-zindex-icon: stack-3;
  --fnd--configurator-zindex-tokens-base-label: Base;
  --fnd--configurator-zindex-tokens-base-value: 1;
  --fnd--configurator-zindex-tokens-dropdown-label: Dropdown;
  --fnd--configurator-zindex-tokens-dropdown-value: 2;
  --fnd--configurator-zindex-tokens-sticky-label: Sticky;
  --fnd--configurator-zindex-tokens-sticky-value: 3;
  --fnd--configurator-zindex-tokens-fixed-label: Fixed;
  --fnd--configurator-zindex-tokens-fixed-value: 9;
  --fnd--configurator-zindex-tokens-modal-backdrop-label: Modal Backdrop;
  --fnd--configurator-zindex-tokens-modal-backdrop-value: 10;
  --fnd--configurator-zindex-tokens-modal-label: Modal;
  --fnd--configurator-zindex-tokens-modal-value: 11;
  --fnd--configurator-zindex-tokens-tooltip-label: Tooltip;
  --fnd--configurator-zindex-tokens-tooltip-value: 20;
  --fnd--configurator-focus-label: Focus Ring;
  --fnd--configurator-focus-icon: focus-2;
  --fnd--configurator-focus-tokens-color-label: Ring Color;
  --fnd--configurator-focus-tokens-color-value: var(--fnd-color-text-primary);
  --fnd--configurator-focus-tokens-color-type: color;
  --fnd--configurator-focus-tokens-width-label: Ring Width;
  --fnd--configurator-focus-tokens-width-value: 2px;
  --fnd--configurator-focus-tokens-width-type: size;
  --fnd--configurator-focus-tokens-offset-label: Offset (aussen);
  --fnd--configurator-focus-tokens-offset-value: 2px;
  --fnd--configurator-focus-tokens-offset-type: size;
  --fnd--configurator-focus-tokens-offset-css-property: --fnd-focus-offset;
  --fnd--configurator-focus-tokens-offset-description: Abstand der Outline nach aussen (Default);
  --fnd--configurator-focus-tokens-inset-label: Inset (innen);
  --fnd--configurator-focus-tokens-inset-value: 2px;
  --fnd--configurator-focus-tokens-inset-type: size;
  --fnd--configurator-focus-tokens-inset-css-property: --fnd-focus-inset;
  --fnd--configurator-focus-tokens-inset-description: Abstand der Outline nach innen (fuer overflow-hidden Elemente);
  --fnd--configurator-focus-tokens-style-label: Ring Style;
  --fnd--configurator-focus-tokens-style-value: solid;
  --fnd--configurator-media-label: Media Ratios;
  --fnd--configurator-media-icon: aspect-ratio;
  --fnd--configurator-media-tokens-auto-label: Auto (intrinsisch);
  --fnd--configurator-media-tokens-auto-value: auto;
  --fnd--configurator-media-tokens-1-1-label: 1:1 (Quadrat);
  --fnd--configurator-media-tokens-1-1-value: 1 / 1;
  --fnd--configurator-media-tokens-3-2-label: 3:2 (Landscape);
  --fnd--configurator-media-tokens-3-2-value: 3 / 2;
  --fnd--configurator-media-tokens-2-3-label: 2:3 (Portrait);
  --fnd--configurator-media-tokens-2-3-value: 2 / 3;
  --fnd--configurator-media-tokens-4-3-label: 4:3 (Klassisch);
  --fnd--configurator-media-tokens-4-3-value: 4 / 3;
  --fnd--configurator-media-tokens-3-4-label: 3:4 (Portrait-Foto);
  --fnd--configurator-media-tokens-3-4-value: 3 / 4;
  --fnd--configurator-media-tokens-16-9-label: 16:9 (Widescreen);
  --fnd--configurator-media-tokens-16-9-value: 16 / 9;
  --fnd--configurator-media-tokens-9-16-label: 9:16 (Stories);
  --fnd--configurator-media-tokens-9-16-value: 9 / 16;
  --fnd--configurator-media-tokens-2-1-label: 2:1 (Panorama);
  --fnd--configurator-media-tokens-2-1-value: 2 / 1;
  --fnd--configurator-media-tokens-1-2-label: 1:2 (Tall);
  --fnd--configurator-media-tokens-1-2-value: 1 / 2;
  --fnd--configurator-elements-label: Elements;
  --fnd--configurator-elements-icon: components;
  --fnd--configurator-elements-groups: [object Object],[object Object],[object Object],[object Object],[object Object];
  --fnd--configurator-themes-label: Themes;
  --fnd--configurator-themes-icon: color-swatch;
  --fnd--configurator-themes-themeList: [object Object],[object Object],[object Object],[object Object];
}