/**
 * Do not edit directly, this file was auto-generated.
 * This file contains ALL web tokens in a single file (no @imports).
 */

/* --- colors.css --- */
:root {
  --lfds-color-border-primary: rgb(245, 245, 245);
  --lfds-color-border-secondary: rgb(214, 214, 214);
  --lfds-color-border-tertiary: rgb(122, 122, 122);
  --lfds-color-border-brand-primary: rgb(0, 90, 160);
  --lfds-color-border-brand-secondary: rgb(228, 5, 35);
  --lfds-color-border-focus: rgb(0, 90, 160);
  --lfds-color-border-focus-outline: rgb(201, 0, 188);
  --lfds-color-border-hover: rgb(0, 90, 160);
  --lfds-color-border-pressed: rgb(0, 90, 160);
  --lfds-color-border-error: rgb(228, 5, 35);
  --lfds-color-border-selected: rgb(0, 90, 160);
  --lfds-color-border-selected-secondary: rgb(235, 92, 92);
  --lfds-color-border-disabled: rgb(194, 194, 194);
  --lfds-color-border-on-button-primary: rgb(0, 90, 160);
  --lfds-color-border-on-button-secondary: rgb(0, 90, 160);
  --lfds-color-border-on-button-tertiary: rgb(192, 229, 248);
  --lfds-color-border-on-highlight-primary: rgb(192, 229, 248);
  --lfds-color-border-on-highlight-secondary: rgb(249, 210, 210);
  --lfds-color-border-on-highlight-tertiary: rgb(201, 222, 196);
  --lfds-color-border-on-info: rgb(31, 116, 173);
  --lfds-color-border-on-error: rgb(135, 3, 21);
  --lfds-color-border-on-warning: rgb(235, 189, 0);
  --lfds-color-border-on-success: rgb(110, 167, 98);
  --lfds-color-animation-primary: rgb(0, 90, 160);
  --lfds-color-animation-secondary: rgb(228, 5, 35);
  --lfds-color-background-primary: rgb(245, 245, 245);
  --lfds-color-background-secondary: rgb(255, 255, 255);
  --lfds-color-background-tertiary: rgb(214, 214, 214);
  --lfds-color-background-brand-primary: rgb(0, 90, 160);
  --lfds-color-background-brand-secondary: rgb(228, 5, 35);
  --lfds-color-background-selected: rgb(0, 90, 160);
  --lfds-color-background-disabled: rgb(245, 245, 245);
  --lfds-color-background-highlight-primary: rgb(227, 244, 252);
  --lfds-color-background-highlight-secondary: rgb(253, 237, 237);
  --lfds-color-background-highlight-tertiary: rgb(225, 237, 222);
  --lfds-color-background-info: rgb(192, 229, 248);
  --lfds-color-background-success: rgb(225, 237, 222);
  --lfds-color-background-warning: rgb(255, 245, 204);
  --lfds-color-background-error: rgb(249, 210, 210);
  --lfds-color-background-button-primary: rgb(0, 90, 160);
  --lfds-color-background-button-primary-pressed: rgb(0, 66, 122);
  --lfds-color-background-button-secondary: rgba(255, 255, 255, 0);
  --lfds-color-background-button-secondary-pressed: rgb(246, 251, 254);
  --lfds-color-background-button-tertiary: rgb(227, 244, 252);
  --lfds-color-background-button-tertiary-pressed: rgb(192, 229, 248);
  --lfds-color-background-button-quaternary: rgb(200, 4, 30);
  --lfds-color-background-button-quaternary-pressed: rgb(135, 3, 21);
  --lfds-color-background-notification-primary: rgb(200, 4, 30);
  --lfds-color-background-notification-secondary: rgb(0, 90, 160);
  --lfds-color-background-notification-tertiary: rgb(102, 102, 102);
  --lfds-color-background-transparent-primary: rgba(255, 255, 255, 0);
  --lfds-color-background-transparent-secondary: rgba(0, 49, 92, 0.75);
  --lfds-color-background-skeleton-primary: rgb(246, 251, 254);
  --lfds-color-background-skeleton-secondary: rgb(227, 244, 252);
  --lfds-color-icon-primary: rgb(0, 90, 160);
  --lfds-color-icon-secondary: rgb(122, 122, 122);
  --lfds-color-icon-tertiary: rgb(228, 5, 35);
  --lfds-color-icon-inverted: rgb(255, 255, 255);
  --lfds-color-icon-selected: rgb(0, 90, 160);
  --lfds-color-icon-hovered: rgb(0, 90, 160);
  --lfds-color-icon-focused: rgb(0, 90, 160);
  --lfds-color-icon-pressed: rgb(0, 75, 133);
  --lfds-color-icon-disabled: rgb(194, 194, 194);
  --lfds-color-icon-error: rgb(228, 5, 35);
  --lfds-color-icon-on-button-primary: rgb(255, 255, 255);
  --lfds-color-icon-on-button-secondary: rgb(0, 90, 160);
  --lfds-color-icon-on-button-tertiary: rgb(0, 90, 160);
  --lfds-color-icon-on-info: rgb(0, 90, 160);
  --lfds-color-icon-on-error: rgb(115, 3, 18);
  --lfds-color-icon-on-warning: rgb(41, 41, 41);
  --lfds-color-icon-on-success: rgb(134, 182, 124);
  --lfds-color-illustration-base-primary: rgb(0, 66, 122);
  --lfds-color-illustration-accent-primary: rgb(235, 92, 92);
  --lfds-color-illustration-base-secondary: rgb(0, 66, 122);
  --lfds-color-illustration-accent-secondary: rgb(0, 66, 122);
  --lfds-color-illustration-base-tertiary: rgb(194, 194, 194);
  --lfds-color-illustration-accent-tertiary: rgb(194, 194, 194);
  --lfds-color-text-primary: rgb(41, 41, 41);
  --lfds-color-text-secondary: rgb(102, 102, 102);
  --lfds-color-text-brand-primary: rgb(0, 66, 122);
  --lfds-color-text-brand-secondary: rgb(228, 5, 35);
  --lfds-color-text-link: rgb(0, 90, 160);
  --lfds-color-text-link-hover: rgb(0, 49, 92);
  --lfds-color-text-link-focus: rgb(0, 49, 92);
  --lfds-color-text-link-pressed: rgb(0, 75, 133);
  --lfds-color-text-positive: rgb(0, 90, 160);
  --lfds-color-text-negative: rgb(228, 5, 35);
  --lfds-color-text-error: rgb(228, 5, 35);
  --lfds-color-text-inverted: rgb(255, 255, 255);
  --lfds-color-text-selected: rgb(0, 66, 122);
  --lfds-color-text-disabled: rgb(102, 102, 102);
  --lfds-color-text-on-button-primary: rgb(255, 255, 255);
  --lfds-color-text-on-button-secondary: rgb(0, 66, 122);
  --lfds-color-text-on-button-tertiary: rgb(0, 66, 122);
  --lfds-color-text-on-button-quaternary: rgb(255, 255, 255);
  --lfds-color-text-on-img: rgb(255, 255, 255);
  --lfds-color-text-on-risk: rgb(0, 49, 92);
  --lfds-color-legends-one-100: rgb(0, 66, 122);
  --lfds-color-legends-one-200: rgb(0, 90, 160);
  --lfds-color-legends-one-300: rgb(31, 116, 173);
  --lfds-color-legends-one-400: rgb(73, 163, 223);
  --lfds-color-legends-one-500: rgb(118, 186, 231);
  --lfds-color-legends-one-600: rgb(182, 225, 247);
  --lfds-color-legends-two-100: rgb(135, 3, 21);
  --lfds-color-legends-two-200: rgb(200, 4, 30);
  --lfds-color-legends-two-300: rgb(228, 5, 35);
  --lfds-color-legends-two-400: rgb(235, 92, 92);
  --lfds-color-legends-two-500: rgb(240, 138, 138);
  --lfds-color-legends-two-600: rgb(249, 210, 210);
  --lfds-color-legends-three-100: rgb(102, 102, 102);
  --lfds-color-legends-three-200: rgb(122, 122, 122);
  --lfds-color-legends-three-300: rgb(214, 214, 214);
  --lfds-color-legends-four-100: rgb(110, 167, 98);
  --lfds-color-risk-risk-default: rgb(214, 214, 214);
  --lfds-color-risk-risk-01: rgb(227, 244, 252);
  --lfds-color-risk-risk-02: rgb(182, 225, 247);
  --lfds-color-risk-risk-03: rgb(171, 204, 164);
  --lfds-color-risk-risk-04: rgb(134, 182, 124);
  --lfds-color-risk-risk-05: rgb(255, 230, 128);
  --lfds-color-risk-risk-06: rgb(255, 209, 20);
  --lfds-color-risk-risk-07: rgb(240, 138, 138);
  --lfds-color-state-layer-on-dark: rgb(145, 210, 243);
  --lfds-color-state-layer-on-light: rgb(118, 186, 231);
  --lfds-component-toggle-color-background-on: rgb(0, 90, 160);
  --lfds-component-alert-color-on-info: rgb(0, 54, 102);
  --lfds-component-alert-color-on-warning: rgb(15, 15, 15);
  --lfds-component-alert-color-on-error: rgb(115, 3, 18);
  --lfds-component-alert-color-on-success: rgb(37, 58, 33);
  --lfds-component-icon-button-color-background: rgb(245, 245, 245);
}

[data-theme="dark"] {
  --lfds-color-border-primary: rgb(0, 3, 5);
  --lfds-color-border-secondary: rgb(0, 49, 92);
  --lfds-color-border-tertiary: rgb(31, 116, 173);
  --lfds-color-border-brand-primary: rgb(118, 186, 231);
  --lfds-color-border-brand-secondary: rgb(240, 138, 138);
  --lfds-color-border-focus: rgb(118, 186, 231);
  --lfds-color-border-focus-outline: rgb(201, 0, 188);
  --lfds-color-border-hover: rgb(118, 186, 231);
  --lfds-color-border-pressed: rgb(118, 186, 231);
  --lfds-color-border-error: rgb(240, 138, 138);
  --lfds-color-border-selected: rgb(118, 186, 231);
  --lfds-color-border-selected-secondary: rgb(240, 138, 138);
  --lfds-color-border-disabled: rgb(41, 41, 41);
  --lfds-color-border-on-button-primary: rgb(82, 168, 225);
  --lfds-color-border-on-button-secondary: rgb(118, 186, 231);
  --lfds-color-border-on-button-tertiary: rgb(0, 90, 160);
  --lfds-color-border-on-highlight-primary: rgb(0, 66, 122);
  --lfds-color-border-on-highlight-secondary: rgb(135, 3, 21);
  --lfds-color-border-on-highlight-tertiary: rgb(62, 98, 55);
  --lfds-color-border-on-info: rgb(39, 146, 216);
  --lfds-color-border-on-error: rgb(231, 64, 64);
  --lfds-color-border-on-warning: rgb(255, 230, 128);
  --lfds-color-border-on-success: rgb(110, 167, 98);
  --lfds-color-animation-primary: rgb(182, 225, 247);
  --lfds-color-animation-secondary: rgb(235, 92, 92);
  --lfds-color-background-primary: rgb(0, 3, 5);
  --lfds-color-background-secondary: rgb(0, 22, 41);
  --lfds-color-background-tertiary: rgb(0, 49, 92);
  --lfds-color-background-brand-primary: rgb(118, 186, 231);
  --lfds-color-background-brand-secondary: rgb(240, 138, 138);
  --lfds-color-background-selected: rgb(118, 186, 231);
  --lfds-color-background-disabled: rgb(0, 3, 5);
  --lfds-color-background-highlight-primary: rgb(0, 49, 92);
  --lfds-color-background-highlight-secondary: rgb(115, 3, 18);
  --lfds-color-background-highlight-tertiary: rgb(37, 58, 33);
  --lfds-color-background-info: rgb(0, 54, 102);
  --lfds-color-background-success: rgb(37, 58, 33);
  --lfds-color-background-warning: rgb(212, 177, 2);
  --lfds-color-background-error: rgb(115, 3, 18);
  --lfds-color-background-button-primary: rgb(118, 186, 231);
  --lfds-color-background-button-primary-pressed: rgb(82, 168, 225);
  --lfds-color-background-button-secondary: rgba(255, 255, 255, 0);
  --lfds-color-background-button-secondary-pressed: rgb(0, 3, 5);
  --lfds-color-background-button-tertiary: rgb(0, 49, 92);
  --lfds-color-background-button-tertiary-pressed: rgb(0, 27, 51);
  --lfds-color-background-button-quaternary: rgb(240, 138, 138);
  --lfds-color-background-button-quaternary-pressed: rgb(238, 121, 121);
  --lfds-color-background-notification-primary: rgb(240, 138, 138);
  --lfds-color-background-notification-secondary: rgb(118, 186, 231);
  --lfds-color-background-notification-tertiary: rgb(214, 214, 214);
  --lfds-color-background-transparent-primary: rgba(0, 22, 41, 0);
  --lfds-color-background-transparent-secondary: rgba(0, 49, 92, 0.75);
  --lfds-color-background-skeleton-primary: rgb(0, 66, 122);
  --lfds-color-background-skeleton-secondary: rgb(0, 49, 92);
  --lfds-color-icon-primary: rgb(182, 225, 247);
  --lfds-color-icon-secondary: rgb(245, 245, 245);
  --lfds-color-icon-tertiary: rgb(235, 92, 92);
  --lfds-color-icon-inverted: rgb(0, 22, 41);
  --lfds-color-icon-selected: rgb(182, 225, 247);
  --lfds-color-icon-hovered: rgb(182, 225, 247);
  --lfds-color-icon-focused: rgb(182, 225, 247);
  --lfds-color-icon-pressed: rgb(145, 210, 243);
  --lfds-color-icon-disabled: rgb(102, 102, 102);
  --lfds-color-icon-error: rgb(240, 138, 138);
  --lfds-color-icon-on-button-primary: rgb(0, 22, 41);
  --lfds-color-icon-on-button-secondary: rgb(182, 225, 247);
  --lfds-color-icon-on-button-tertiary: rgb(182, 225, 247);
  --lfds-color-icon-on-info: rgb(192, 229, 248);
  --lfds-color-icon-on-error: rgb(253, 237, 237);
  --lfds-color-icon-on-warning: rgb(41, 41, 41);
  --lfds-color-icon-on-success: rgb(201, 222, 196);
  --lfds-color-illustration-base-primary: rgb(182, 225, 247);
  --lfds-color-illustration-accent-primary: rgb(240, 138, 138);
  --lfds-color-illustration-base-secondary: rgb(182, 225, 247);
  --lfds-color-illustration-accent-secondary: rgb(182, 225, 247);
  --lfds-color-illustration-base-tertiary: rgb(0, 90, 160);
  --lfds-color-illustration-accent-tertiary: rgb(0, 90, 160);
  --lfds-color-text-primary: rgb(245, 245, 245);
  --lfds-color-text-secondary: rgb(214, 214, 214);
  --lfds-color-text-brand-primary: rgb(245, 245, 245);
  --lfds-color-text-brand-secondary: rgb(240, 138, 138);
  --lfds-color-text-link: rgb(118, 186, 231);
  --lfds-color-text-link-hover: rgb(39, 146, 216);
  --lfds-color-text-link-focus: rgb(39, 146, 216);
  --lfds-color-text-link-pressed: rgb(73, 163, 223);
  --lfds-color-text-positive: rgb(118, 186, 231);
  --lfds-color-text-negative: rgb(240, 138, 138);
  --lfds-color-text-error: rgb(240, 138, 138);
  --lfds-color-text-inverted: rgb(0, 22, 41);
  --lfds-color-text-selected: rgb(118, 186, 231);
  --lfds-color-text-disabled: rgb(194, 194, 194);
  --lfds-color-text-on-button-primary: rgb(0, 22, 41);
  --lfds-color-text-on-button-secondary: rgb(227, 244, 252);
  --lfds-color-text-on-button-tertiary: rgb(227, 244, 252);
  --lfds-color-text-on-button-quaternary: rgb(0, 22, 41);
  --lfds-color-text-on-img: rgb(245, 245, 245);
  --lfds-color-text-on-risk: rgb(0, 49, 92);
  --lfds-color-legends-one-100: rgb(182, 225, 247);
  --lfds-color-legends-one-200: rgb(118, 186, 231);
  --lfds-color-legends-one-300: rgb(73, 163, 223);
  --lfds-color-legends-one-400: rgb(31, 116, 173);
  --lfds-color-legends-one-500: rgb(0, 90, 160);
  --lfds-color-legends-one-600: rgb(0, 66, 122);
  --lfds-color-legends-two-100: rgb(249, 210, 210);
  --lfds-color-legends-two-200: rgb(240, 138, 138);
  --lfds-color-legends-two-300: rgb(235, 92, 92);
  --lfds-color-legends-two-400: rgb(228, 5, 35);
  --lfds-color-legends-two-500: rgb(200, 4, 30);
  --lfds-color-legends-two-600: rgb(135, 3, 21);
  --lfds-color-legends-three-100: rgb(214, 214, 214);
  --lfds-color-legends-three-200: rgb(122, 122, 122);
  --lfds-color-legends-three-300: rgb(102, 102, 102);
  --lfds-color-legends-four-100: rgb(171, 204, 164);
  --lfds-color-risk-risk-default: rgb(214, 214, 214);
  --lfds-color-risk-risk-01: rgb(227, 244, 252);
  --lfds-color-risk-risk-02: rgb(182, 225, 247);
  --lfds-color-risk-risk-03: rgb(171, 204, 164);
  --lfds-color-risk-risk-04: rgb(134, 182, 124);
  --lfds-color-risk-risk-05: rgb(255, 230, 128);
  --lfds-color-risk-risk-06: rgb(255, 209, 20);
  --lfds-color-risk-risk-07: rgb(240, 138, 138);
  --lfds-color-state-layer-on-dark: rgb(73, 163, 223);
  --lfds-color-state-layer-on-light: rgb(73, 163, 223);
  --lfds-component-toggle-color-background-on: rgb(31, 116, 173);
  --lfds-component-alert-color-on-info: rgb(192, 229, 248);
  --lfds-component-alert-color-on-warning: rgb(15, 15, 15);
  --lfds-component-alert-color-on-error: rgb(251, 223, 223);
  --lfds-component-alert-color-on-success: rgb(201, 222, 196);
  --lfds-component-icon-button-color-background: rgb(0, 3, 5);
}

/* --- dimension.css --- */
:root {
  --lfds-border-radius-2xs: 2px;
  --lfds-border-radius-xs: 4px;
  --lfds-border-radius-sm: 8px;
  --lfds-border-radius-md: 12px;
  --lfds-border-radius-lg: 16px;
  --lfds-border-radius-round: 100000px;
  --lfds-border-width-default: 1px;
  --lfds-border-width-emphasis: 2px;
  --lfds-border-width-hover: 2px;
  --lfds-border-width-focus: 2px;
  --lfds-border-width-selected: 2px;
  --lfds-spacing-2xs: 2px;
  --lfds-spacing-xs: 4px;
  --lfds-spacing-sm: 8px;
  --lfds-spacing-md: 12px;
  --lfds-spacing-lg: 16px;
  --lfds-spacing-xl: 24px;
  --lfds-spacing-2xl: 32px;
  --lfds-spacing-3xl: 40px;
  --lfds-spacing-4xl: 48px;
  --lfds-spacing-5xl: 56px;
  --lfds-spacing-6xl: 64px;
  --lfds-spacing-7xl: 72px;
  --lfds-size-control-sm: 48px;
  --lfds-size-control-default: 56px;
  --lfds-size-control-lg: 64px;
}

/* --- effect.css --- */
:root {
  --lfds-effect-opacity-state-enabled: 0;
  --lfds-effect-opacity-state-hover: 0.16;
  --lfds-effect-opacity-state-focused: 0.16;
  --lfds-effect-opacity-state-pressed: 0.3;
}

/* --- layout.css --- */
:root {
  --breakpoint-sm: 375px;
  --page-max-width-sm: 768px;
  --breakpoint-md: 768px;
  --page-max-width-md: 1024px;
  --breakpoint-lg: 1024px;
  --page-max-width-lg: 1440px;
  --page-max-width: 768px;
  --grid-cols: 4;
  --spacing-gap: 16px;
  --spacing-page: 8px;
  --container-sm: 320px;
  --container-md: 360px;
  --container-lg: 720px;
}

@media (min-width: 768px) {
  :root {
    --page-max-width: 1024px;
    --grid-cols: 8;
    --spacing-gap: 16px;
    --spacing-page: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --page-max-width: 1440px;
    --grid-cols: 12;
    --spacing-gap: 24px;
    --spacing-page: 80px;
  }
}


/* --- typography-variables.css --- */
:root {
  --lfds-font-family-body: 'IBM Plex Sans';
  --lfds-font-family-caption: 'IBM Plex Sans';
  --lfds-font-family-display: 'LF Rubrik';
  --lfds-font-family-heading: 'IBM Plex Sans';
  --lfds-font-family-label: 'IBM Plex Sans';
  --lfds-font-family-value: 'IBM Plex Sans';
  --lfds-font-weight-bold: 700;
  --lfds-font-weight-medium: 500;
  --lfds-font-weight-regular: 400;
  --lfds-font-weight-semibold: 600;
  --lfds-text-size-body-default: clamp(1rem, calc(1rem + 1vw), 1rem);
  --lfds-line-height-body-default: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-body-lg: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-line-height-body-lg: clamp(1.5rem, calc(1rem + 1vw), 1.5rem);
  --lfds-text-size-body-sm: clamp(0.875rem, calc(1rem + 1vw), 0.875rem);
  --lfds-line-height-body-sm: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-caption-default: clamp(0.875rem, calc(1rem + 1vw), 0.875rem);
  --lfds-line-height-caption-default: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-display-default: clamp(1.875rem, calc(1rem + 1vw), 3.5rem);
  --lfds-line-height-display-default: clamp(2.25rem, calc(1rem + 1vw), 4rem);
  --lfds-text-size-heading-level-1: clamp(2rem, calc(1rem + 1vw), 2.25rem);
  --lfds-line-height-heading-level-1: clamp(2.5rem, calc(1rem + 1vw), 3rem);
  --lfds-text-size-heading-level-2: clamp(1.5rem, calc(1rem + 1vw), 1.75rem);
  --lfds-line-height-heading-level-2: clamp(1.75rem, calc(1rem + 1vw), 2.25rem);
  --lfds-text-size-heading-level-3: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-line-height-heading-level-3: clamp(1.5rem, calc(1rem + 1vw), 1.5rem);
  --lfds-text-size-heading-level-4: clamp(1.125rem, calc(1rem + 1vw), 1.125rem);
  --lfds-line-height-heading-level-4: clamp(1.5rem, calc(1rem + 1vw), 1.5rem);
  --lfds-text-size-heading-level-5: clamp(1rem, calc(1rem + 1vw), 1rem);
  --lfds-line-height-heading-level-5: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-heading-level-6: clamp(0.875rem, calc(1rem + 1vw), 0.875rem);
  --lfds-line-height-heading-level-6: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-label-default: clamp(1rem, calc(1rem + 1vw), 1rem);
  --lfds-line-height-label-default: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-label-lg: clamp(1.125rem, calc(1rem + 1vw), 1.125rem);
  --lfds-line-height-label-lg: clamp(1.5rem, calc(1rem + 1vw), 1.5rem);
  --lfds-text-size-label-sm: clamp(0.875rem, calc(1rem + 1vw), 0.875rem);
  --lfds-line-height-label-sm: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-value-2xl: clamp(2.25rem, calc(1rem + 1vw), 3rem);
  --lfds-line-height-value-2xl: clamp(3rem, calc(1rem + 1vw), 3.5rem);
  --lfds-text-size-value-lg: clamp(1.25rem, calc(1rem + 1vw), 1.5rem);
  --lfds-line-height-value-lg: clamp(1.5rem, calc(1rem + 1vw), 1.75rem);
  --lfds-text-size-value-md: clamp(1rem, calc(1rem + 1vw), 1rem);
  --lfds-line-height-value-md: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-value-sm: clamp(0.875rem, calc(1rem + 1vw), 0.875rem);
  --lfds-line-height-value-sm: clamp(1.25rem, calc(1rem + 1vw), 1.25rem);
  --lfds-text-size-value-xl: clamp(1.75rem, calc(1rem + 1vw), 2rem);
  --lfds-line-height-value-xl: clamp(2.25rem, calc(1rem + 1vw), 2.5rem);
}