:root {
    --css-color-common-text-primary: var(--dds-color-common-text-primary, red);
    --css-color-common-text-secondary: var(--dds-color-common-text-secondary, red);
    --css-color-common-background-default: #F6F6F6;
    --css-color-component-background-default: var(--dds-color-common-background-default);
    --css-color-brand-primary: var(--dds-color-blue-70, red);
    --css-color-brand-secondary: var(--dds-color-blue-50, red);
    --css-color-brand-tertiary: #1B1A18;
    --css-color-brand-stroke-secondary: var(--dds-color-blue-50, red);
    --css-color-brand-stroke-tertiary: #1B1A18;
    --css-color-card-background: var(--dds-color-white, red);
    --css-color-card-border: var(--dds-color-common-border-empty, red);
    --css-color-feedback-hover: var(--dds-color-common-background-default, red);
    --css-color-alertBar: var(--dds-color-yellow-20, red);
    --css-color-alertBarBorder: var(--dds-color-yellow-40, red);
    --css-color-button-background-alert: var(--dds-color-yellow-30, red);
    --css-color-common-success: var(--dss-color-common-alarm, red);
    --css-color-common-warning: var(--dss-color-common-alarm, red);
    --css-color-common-alarm: var(--dss-color-common-alarm, red);
    --css-space-100: var(--dds-space-100, 100px);
    --css-space-200: var(--dds-space-200, 100px);
    --css-space-300: var(--dds-space-300, 12px);
    --css-space-400: var(--dds-space-400, 100px);
    --css-space-800: var(--dds-space-800, 100px);
    --css-font-size-300: var(--dds-font-size-300, 30px);
    --css-font-size-350: var(--dds-font-size-350, 30px);
    --css-font-size-400: var(--dds-font-size-400, 30px);
    --css-font-weight-bold: var(--dds-font-weight-bold, 900);
    --css-color-common-text-highlight: var(--dds-color-common-brand-default, red);
    --css-color-common-surface-default: var(--dds-color-common-surface-default, red);
    --css-color-common-surface-hover: var(--dds-color-common-surface-hover, red);
    --css-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover, red);
    --css-color-common-border-empty: var(--dds-color-common-border-empty, red);
    --css-color-common-brand-default: var(--dds-color-common-brand-default, red);
    --css-color-blue-10: var(--dds-color-blue-10, red);
    --css-color-blue-30: var(--dds-color-blue-30, red);
    --css-color-blue-40: var(--dds-color-blue-40, red);
    --css-color-gray-10: var(--dds-color-gray-10, red);
    --css-color-white: var(--dds-color-white, red);
    --css-border-width-025: var(--dds-border-width-025, 1px);
    --css-border-radius-150: var(--dds-border-radius-150, 6px);
    --css-border-radius-200: var(--dds-border-radius-200, 8px);
    --css-font-weight-bold: var(--dds-font-weight-bold, 900);
    --css-font-weight-regular: var(--dds-font-weight-regular, 900);
    --css-font-regular-bold-normal-350: var(--dds-font-regular-bold-normal-350, inherit);
    --css-font-regular-bold-normal-400: var(--dds-font-regular-bold-normal-400, inherit);
    --css-font-regular-normal-350: var(--dds-font-regular-normal-350, inherit);
    --css-color-feedback-information: var(--dds-color-common-information, red);
    --css-color-feedback-success: var(--dds-color-common-success, red);
    --css-color-feedback-negative: var(--dds-color-common-danger-default, red);
    --css-color-feedback-warning: var(--dds-color-common-warning, red);
    --css-border-radius-100: var(--dds-border-radius-100, 80px);
}