/* Generated from docs/design-system/project/tokens.json. Do not edit by hand. */
:root {
    color-scheme: light;
    --font-sans: Manrope, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --true_lavender-170: #2F2887;
    --true_lavender-150: #4D3BD8;
    --true_lavender-100: #AFADFF;
    --true_lavender-40: #D9DBFF;
    --true_lavender-30: #E7E6FF;
    --charcoal-100: #060606;
    --charcoal-95: #2B2B33;
    --charcoal-90: #40404C;
    --charcoal-80: #646477;
    --charcoal-60: #9090A2;
    --charcoal-50: #B4B4C0;
    --charcoal-30: #D0D0D7;
    --charcoal-20: #E2E2E6;
    --charcoal-10: #ECECEF;
    --charcoal-5: #F4F4F6;
    --pure_white-100: #FFFFFF;
    --semantic_green-170: #005542;
    --semantic_green-130: #008F66;
    --semantic_green-110: #00A375;
    --semantic_green-100: #00BF89;
    --semantic_green-10: #E5F9F3;
    --semantic_red-170: #6D0010;
    --semantic_red-130: #B8001C;
    --semantic_red-110: #CC001F;
    --semantic_red-100: #FF3855;
    --semantic_red-70: #FF7488;
    --semantic_red-50: #FF9BAA;
    --semantic_red-30: #FFC3CC;
    --semantic_red-10: #FFEBEE;
    --semantic_yellow-170: #7A2D06;
    --semantic_yellow-130: #E26E00;
    --semantic_yellow-110: #F99907;
    --semantic_yellow-100: #FFCF46;
    --semantic_yellow-10: #FFFAEB;
    --bright_orange-100: #FF9D48;
    --bright_orange-30: #FACEA2;
    --pop_lime-100: #E9FE77;
    --marble_pink-100: #F7BCFF;
    --magenta-70: #F776B3;
    --background-button-danger-enabled: var(--semantic_red-130);
    --background-button-danger-hover: var(--semantic_red-100);
    --background-button-danger-pressed: var(--semantic_red-100);
    --background-button-dynamic-default: var(--charcoal-20);
    --background-button-dynamic-inverse: var(--charcoal-80);
    --background-button-filled-enabled: var(--true_lavender-100);
    --background-button-filled-hover: var(--charcoal-100);
    --background-button-filled-pressed: var(--charcoal-100);
    --background-button-outlined-hover: var(--true_lavender-30);
    --background-button-outlined-pressed: var(--true_lavender-30);
    --background-danger-highContrast: var(--semantic_red-130);
    --background-danger-lowContrast: var(--semantic_red-10);
    --background-illustration-branded: var(--true_lavender-100);
    --background-illustration-neutral: var(--true_lavender-30);
    --background-informative-highContrast: var(--true_lavender-150);
    --background-informative-lowContrast: var(--true_lavender-30);
    --background-input-hover: var(--charcoal-100);
    --background-input-selected: var(--true_lavender-100);
    --background-neutral-dark_overlay: #1f1f25b2;
    --background-neutral-highContrast: var(--charcoal-100);
    --background-neutral-hover: var(--charcoal-10);
    --background-neutral-inverse: var(--pure_white-100);
    --background-neutral-lowContrast: var(--charcoal-5);
    --background-neutral-pressed: var(--charcoal-30);
    --background-neutral-white: var(--pure_white-100);
    --background-page-dark: var(--charcoal-5);
    --background-page-default: var(--pure_white-100);
    --background-selected: var(--true_lavender-100);
    --background-success-highContrast: var(--semantic_green-130);
    --background-success-lowContrast: var(--semantic_green-10);
    --background-warning-highContrast: var(--semantic_yellow-130);
    --background-warning-lowContrast: var(--semantic_yellow-10);
    --border-accent-highContrast: var(--true_lavender-150);
    --border-accent-hover: var(--charcoal-100);
    --border-button-dynamic-banks: var(--charcoal-80);
    --border-button-outlined-enabled: var(--charcoal-100);
    --border-danger: var(--semantic_red-100);
    --border-focus: var(--true_lavender-150);
    --border-informative: var(--true_lavender-100);
    --border-input-enable: var(--charcoal-60);
    --border-loader-default-spinner: var(--true_lavender-150);
    --border-loader-default-track: var(--charcoal-30);
    --border-neutral-enabled: var(--charcoal-10);
    --border-neutral-extraLowConstrast: var(--charcoal-10);
    --border-neutral-highContrast: var(--charcoal-100);
    --border-neutral-hover: var(--charcoal-30);
    --border-neutral-lowContrast: var(--charcoal-30);
    --border-progress-button-fill: var(--charcoal-100);
    --border-progress-button-track: var(--charcoal-30);
    --border-progress-danger-fill: var(--pure_white-100);
    --border-progress-danger-track: var(--semantic_red-100);
    --border-progress-default-fill: var(--true_lavender-150);
    --border-progress-default-track: var(--charcoal-30);
    --border-selected: var(--true_lavender-100);
    --border-success: var(--semantic_green-100);
    --border-warning: var(--semantic_yellow-130);
    --icon-accent-extraHighContrast: var(--true_lavender-150);
    --icon-accent-highContrast: var(--true_lavender-150);
    --icon-accent-hover: var(--charcoal-100);
    --icon-accent-pressed: var(--true_lavender-100);
    --icon-button-Text-enabled: var(--true_lavender-150);
    --icon-button-Text-hover: var(--charcoal-100);
    --icon-button-Text-pressed: var(--true_lavender-100);
    --icon-button-filled-enabled: var(--charcoal-100);
    --icon-button-ghost-enabled: var(--charcoal-100);
    --icon-button-ghost-hover: var(--charcoal-80);
    --icon-button-ghost-pressed: var(--charcoal-80);
    --icon-button-outlined-enabled: var(--charcoal-100);
    --icon-button-outlined-hover: var(--charcoal-100);
    --icon-button-outlined-pressed: var(--charcoal-100);
    --icon-danger-highContrast: var(--semantic_red-130);
    --icon-danger-hover: var(--semantic_red-100);
    --icon-danger-onColouredSurface: var(--semantic_red-130);
    --icon-danger-pressed: var(--semantic_red-50);
    --icon-illustration-danger: var(--semantic_red-100);
    --icon-illustration-default: var(--charcoal-100);
    --icon-informative-onColouredSurface: var(--charcoal-100);
    --icon-input: var(--charcoal-100);
    --icon-neutral-default: var(--charcoal-100);
    --icon-neutral-extraLowContrast: var(--charcoal-50);
    --icon-neutral-highContrast: var(--charcoal-100);
    --icon-neutral-inverse: var(--pure_white-100);
    --icon-neutral-lowContrast: var(--charcoal-80);
    --icon-neutral-onSelectedSurface: var(--charcoal-100);
    --icon-neutral-white: var(--pure_white-100);
    --icon-success-highContrast: var(--semantic_green-130);
    --icon-success-onColouredSurface: var(--semantic_green-170);
    --icon-warning-onColouredSurface: var(--semantic_yellow-170);
    --shadow-lowContrast: #0606060d;
    --text-accent-extraHighContrast: var(--true_lavender-150);
    --text-accent-highContrast: var(--true_lavender-150);
    --text-accent-hover: var(--charcoal-100);
    --text-accent-pressed: var(--true_lavender-100);
    --text-button-Text-enabled: var(--true_lavender-150);
    --text-button-Text-hover: var(--charcoal-100);
    --text-button-Text-pressed: var(--true_lavender-100);
    --text-button-filled-enabled: var(--charcoal-100);
    --text-button-filled-hover: var(--pure_white-100);
    --text-button-filled-pressed: var(--pure_white-100);
    --text-button-ghost-enabled: var(--charcoal-100);
    --text-button-ghost-hover: var(--charcoal-80);
    --text-button-ghost-pressed: var(--charcoal-80);
    --text-button-outlined-enabled: var(--charcoal-100);
    --text-button-outlined-hover: var(--charcoal-100);
    --text-button-outlined-pressed: var(--charcoal-100);
    --text-danger: var(--semantic_red-130);
    --text-danger-hover: var(--semantic_red-100);
    --text-danger-onColouredSurface: var(--semantic_red-130);
    --text-danger-pressed: var(--semantic_red-50);
    --text-informative: var(--charcoal-100);
    --text-informative-onColouredSurface: var(--charcoal-100);
    --text-neutral-default: var(--charcoal-100);
    --text-neutral-highContrast: var(--charcoal-100);
    --text-neutral-inverse: var(--pure_white-100);
    --text-neutral-lowContrast: var(--charcoal-80);
    --text-neutral-onSelectedSurface: var(--charcoal-100);
    --text-neutral-white: var(--pure_white-100);
    --text-success: var(--semantic_green-170);
    --text-success-onColouredSurface: var(--semantic_green-170);
    --text-warning-onColouredSurface: var(--semantic_yellow-170);
    --spacing-none: 0px;
    --spacing-xxxs: 2px;
    --spacing-xxs: 4px;
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 40px;
    --spacing-xxxl: 48px;
    --borderRadius-xs: 4px;
    --borderRadius-sm: 8px;
    --borderRadius-md: 16px;
    --borderRadius-lg: 24px;
    --borderRadius-xxl: 80px;
    --borderRadius-icons-xl: 16px;
    --borderRadius-icons-xxl: 24px;
    --border-sm: 1px;
    --border-md: 2px;
    --opacity-disabled: 0.3;
    --shadow-sheet: 0 -5px 25px #0606060d;
    --type-documentation-title: 600 48px/72px var(--font-sans);
    --type-h1: 600 24px/32px var(--font-sans);
    --type-h2: 600 20px/28px var(--font-sans);
    --type-h3: 600 16px/24px var(--font-sans);
    --type-h4: 600 14px/20px var(--font-sans);
    --type-body-xl: 400 20px/28px var(--font-sans);
    --type-body-lg: 400 18px/26px var(--font-sans);
    --type-body-md: 400 16px/24px var(--font-sans);
    --type-body-sm: 400 14px/20px var(--font-sans);
    --type-body-xs: 400 12px/18px var(--font-sans);
    --type-body-lg-semibold: 600 18px/26px var(--font-sans);
    --type-body-md-semibold: 600 16px/24px var(--font-sans);
    --type-body-sm-semibold: 600 14px/20px var(--font-sans);
    --type-body-xs-semibold: 600 12px/18px var(--font-sans);
    --type-button-xl: 600 20px/28px var(--font-sans);
    --type-button-lg: 600 18px/26px var(--font-sans);
    --type-button-md: 600 16px/24px var(--font-sans);
    --type-button-sm: 600 14px/20px var(--font-sans);
    --type-link-lg: 600 18px/26px var(--font-sans);
    --type-link-md: 600 16px/24px var(--font-sans);
    --type-link-sm: 600 14px/20px var(--font-sans);
    --type-link-xs: 600 12px/18px var(--font-sans);
    --type-caption: 600 12px/18px var(--font-sans);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --background-button-danger-enabled: var(--semantic_red-130);
        --background-button-danger-hover: var(--semantic_red-100);
        --background-button-danger-pressed: var(--semantic_red-100);
        --background-button-dynamic-default: var(--charcoal-80);
        --background-button-dynamic-inverse: var(--charcoal-20);
        --background-button-filled-enabled: var(--true_lavender-100);
        --background-button-filled-hover: var(--pure_white-100);
        --background-button-filled-pressed: var(--pure_white-100);
        --background-button-outlined-hover: var(--true_lavender-170);
        --background-button-outlined-pressed: var(--true_lavender-170);
        --background-danger-highContrast: var(--semantic_red-100);
        --background-danger-lowContrast: var(--semantic_red-170);
        --background-illustration-branded: var(--true_lavender-100);
        --background-illustration-neutral: var(--true_lavender-30);
        --background-informative-highContrast: var(--true_lavender-100);
        --background-informative-lowContrast: var(--true_lavender-170);
        --background-input-hover: var(--pure_white-100);
        --background-input-selected: var(--true_lavender-100);
        --background-neutral-dark_overlay: #1f1f25b2;
        --background-neutral-highContrast: var(--pure_white-100);
        --background-neutral-hover: var(--charcoal-90);
        --background-neutral-inverse: var(--charcoal-95);
        --background-neutral-lowContrast: var(--charcoal-80);
        --background-neutral-pressed: var(--charcoal-80);
        --background-neutral-white: var(--pure_white-100);
        --background-page-dark: var(--charcoal-100);
        --background-page-default: var(--charcoal-95);
        --background-selected: var(--true_lavender-100);
        --background-success-highContrast: var(--semantic_green-100);
        --background-success-lowContrast: var(--semantic_green-170);
        --background-warning-highContrast: var(--semantic_yellow-100);
        --background-warning-lowContrast: var(--semantic_yellow-170);
        --border-accent-highContrast: var(--true_lavender-100);
        --border-accent-hover: var(--pure_white-100);
        --border-button-dynamic-banks: var(--charcoal-10);
        --border-button-outlined-enabled: var(--pure_white-100);
        --border-danger: var(--semantic_red-110);
        --border-focus: var(--true_lavender-30);
        --border-informative: var(--true_lavender-100);
        --border-input-enable: var(--charcoal-80);
        --border-loader-default-spinner: var(--true_lavender-100);
        --border-loader-default-track: var(--charcoal-80);
        --border-neutral-enabled: var(--charcoal-80);
        --border-neutral-extraLowConstrast: var(--charcoal-80);
        --border-neutral-highContrast: var(--pure_white-100);
        --border-neutral-hover: var(--charcoal-50);
        --border-neutral-lowContrast: var(--charcoal-50);
        --border-progress-button-fill: var(--charcoal-100);
        --border-progress-button-track: var(--charcoal-30);
        --border-progress-danger-fill: var(--pure_white-100);
        --border-progress-danger-track: var(--semantic_red-100);
        --border-progress-default-fill: var(--true_lavender-100);
        --border-progress-default-track: var(--charcoal-80);
        --border-selected: var(--true_lavender-100);
        --border-success: var(--semantic_green-110);
        --border-warning: var(--semantic_yellow-110);
        --icon-accent-extraHighContrast: var(--true_lavender-100);
        --icon-accent-highContrast: var(--true_lavender-100);
        --icon-accent-hover: var(--pure_white-100);
        --icon-accent-pressed: var(--true_lavender-150);
        --icon-button-Text-enabled: var(--true_lavender-100);
        --icon-button-Text-hover: var(--pure_white-100);
        --icon-button-Text-pressed: var(--true_lavender-150);
        --icon-button-filled-enabled: var(--charcoal-100);
        --icon-button-ghost-enabled: var(--pure_white-100);
        --icon-button-ghost-hover: var(--charcoal-50);
        --icon-button-ghost-pressed: var(--charcoal-50);
        --icon-button-outlined-enabled: var(--pure_white-100);
        --icon-button-outlined-hover: var(--pure_white-100);
        --icon-button-outlined-pressed: var(--pure_white-100);
        --icon-danger-highContrast: var(--semantic_red-130);
        --icon-danger-hover: var(--semantic_red-100);
        --icon-danger-onColouredSurface: var(--semantic_red-10);
        --icon-danger-pressed: var(--semantic_red-50);
        --icon-illustration-danger: var(--semantic_red-100);
        --icon-illustration-default: var(--charcoal-100);
        --icon-informative-onColouredSurface: var(--pure_white-100);
        --icon-input: var(--pure_white-100);
        --icon-neutral-default: var(--charcoal-100);
        --icon-neutral-extraLowContrast: var(--charcoal-50);
        --icon-neutral-highContrast: var(--pure_white-100);
        --icon-neutral-inverse: var(--charcoal-100);
        --icon-neutral-lowContrast: var(--charcoal-30);
        --icon-neutral-onSelectedSurface: var(--charcoal-100);
        --icon-neutral-white: var(--pure_white-100);
        --icon-success-highContrast: var(--semantic_green-130);
        --icon-success-onColouredSurface: var(--semantic_green-10);
        --icon-warning-onColouredSurface: var(--semantic_yellow-10);
        --shadow-lowContrast: #0606060d;
        --text-accent-extraHighContrast: var(--true_lavender-100);
        --text-accent-highContrast: var(--true_lavender-100);
        --text-accent-hover: var(--pure_white-100);
        --text-accent-pressed: var(--true_lavender-150);
        --text-button-Text-enabled: var(--true_lavender-100);
        --text-button-Text-hover: var(--pure_white-100);
        --text-button-Text-pressed: var(--true_lavender-150);
        --text-button-filled-enabled: var(--charcoal-100);
        --text-button-filled-hover: var(--charcoal-100);
        --text-button-filled-pressed: var(--charcoal-100);
        --text-button-ghost-enabled: var(--pure_white-100);
        --text-button-ghost-hover: var(--charcoal-50);
        --text-button-ghost-pressed: var(--charcoal-50);
        --text-button-outlined-enabled: var(--pure_white-100);
        --text-button-outlined-hover: var(--pure_white-100);
        --text-button-outlined-pressed: var(--pure_white-100);
        --text-danger: var(--semantic_red-100);
        --text-danger-hover: var(--semantic_red-100);
        --text-danger-onColouredSurface: var(--semantic_red-10);
        --text-danger-pressed: var(--semantic_red-50);
        --text-informative: var(--pure_white-100);
        --text-informative-onColouredSurface: var(--pure_white-100);
        --text-neutral-default: var(--charcoal-100);
        --text-neutral-highContrast: var(--pure_white-100);
        --text-neutral-inverse: var(--charcoal-100);
        --text-neutral-lowContrast: var(--charcoal-30);
        --text-neutral-onSelectedSurface: var(--charcoal-100);
        --text-neutral-white: var(--pure_white-100);
        --text-success: var(--semantic_green-100);
        --text-success-onColouredSurface: var(--semantic_green-10);
        --text-warning-onColouredSurface: var(--semantic_yellow-10);
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --background-button-danger-enabled: var(--semantic_red-130);
    --background-button-danger-hover: var(--semantic_red-100);
    --background-button-danger-pressed: var(--semantic_red-100);
    --background-button-dynamic-default: var(--charcoal-80);
    --background-button-dynamic-inverse: var(--charcoal-20);
    --background-button-filled-enabled: var(--true_lavender-100);
    --background-button-filled-hover: var(--pure_white-100);
    --background-button-filled-pressed: var(--pure_white-100);
    --background-button-outlined-hover: var(--true_lavender-170);
    --background-button-outlined-pressed: var(--true_lavender-170);
    --background-danger-highContrast: var(--semantic_red-100);
    --background-danger-lowContrast: var(--semantic_red-170);
    --background-illustration-branded: var(--true_lavender-100);
    --background-illustration-neutral: var(--true_lavender-30);
    --background-informative-highContrast: var(--true_lavender-100);
    --background-informative-lowContrast: var(--true_lavender-170);
    --background-input-hover: var(--pure_white-100);
    --background-input-selected: var(--true_lavender-100);
    --background-neutral-dark_overlay: #1f1f25b2;
    --background-neutral-highContrast: var(--pure_white-100);
    --background-neutral-hover: var(--charcoal-90);
    --background-neutral-inverse: var(--charcoal-95);
    --background-neutral-lowContrast: var(--charcoal-80);
    --background-neutral-pressed: var(--charcoal-80);
    --background-neutral-white: var(--pure_white-100);
    --background-page-dark: var(--charcoal-100);
    --background-page-default: var(--charcoal-95);
    --background-selected: var(--true_lavender-100);
    --background-success-highContrast: var(--semantic_green-100);
    --background-success-lowContrast: var(--semantic_green-170);
    --background-warning-highContrast: var(--semantic_yellow-100);
    --background-warning-lowContrast: var(--semantic_yellow-170);
    --border-accent-highContrast: var(--true_lavender-100);
    --border-accent-hover: var(--pure_white-100);
    --border-button-dynamic-banks: var(--charcoal-10);
    --border-button-outlined-enabled: var(--pure_white-100);
    --border-danger: var(--semantic_red-110);
    --border-focus: var(--true_lavender-30);
    --border-informative: var(--true_lavender-100);
    --border-input-enable: var(--charcoal-80);
    --border-loader-default-spinner: var(--true_lavender-100);
    --border-loader-default-track: var(--charcoal-80);
    --border-neutral-enabled: var(--charcoal-80);
    --border-neutral-extraLowConstrast: var(--charcoal-80);
    --border-neutral-highContrast: var(--pure_white-100);
    --border-neutral-hover: var(--charcoal-50);
    --border-neutral-lowContrast: var(--charcoal-50);
    --border-progress-button-fill: var(--charcoal-100);
    --border-progress-button-track: var(--charcoal-30);
    --border-progress-danger-fill: var(--pure_white-100);
    --border-progress-danger-track: var(--semantic_red-100);
    --border-progress-default-fill: var(--true_lavender-100);
    --border-progress-default-track: var(--charcoal-80);
    --border-selected: var(--true_lavender-100);
    --border-success: var(--semantic_green-110);
    --border-warning: var(--semantic_yellow-110);
    --icon-accent-extraHighContrast: var(--true_lavender-100);
    --icon-accent-highContrast: var(--true_lavender-100);
    --icon-accent-hover: var(--pure_white-100);
    --icon-accent-pressed: var(--true_lavender-150);
    --icon-button-Text-enabled: var(--true_lavender-100);
    --icon-button-Text-hover: var(--pure_white-100);
    --icon-button-Text-pressed: var(--true_lavender-150);
    --icon-button-filled-enabled: var(--charcoal-100);
    --icon-button-ghost-enabled: var(--pure_white-100);
    --icon-button-ghost-hover: var(--charcoal-50);
    --icon-button-ghost-pressed: var(--charcoal-50);
    --icon-button-outlined-enabled: var(--pure_white-100);
    --icon-button-outlined-hover: var(--pure_white-100);
    --icon-button-outlined-pressed: var(--pure_white-100);
    --icon-danger-highContrast: var(--semantic_red-130);
    --icon-danger-hover: var(--semantic_red-100);
    --icon-danger-onColouredSurface: var(--semantic_red-10);
    --icon-danger-pressed: var(--semantic_red-50);
    --icon-illustration-danger: var(--semantic_red-100);
    --icon-illustration-default: var(--charcoal-100);
    --icon-informative-onColouredSurface: var(--pure_white-100);
    --icon-input: var(--pure_white-100);
    --icon-neutral-default: var(--charcoal-100);
    --icon-neutral-extraLowContrast: var(--charcoal-50);
    --icon-neutral-highContrast: var(--pure_white-100);
    --icon-neutral-inverse: var(--charcoal-100);
    --icon-neutral-lowContrast: var(--charcoal-30);
    --icon-neutral-onSelectedSurface: var(--charcoal-100);
    --icon-neutral-white: var(--pure_white-100);
    --icon-success-highContrast: var(--semantic_green-130);
    --icon-success-onColouredSurface: var(--semantic_green-10);
    --icon-warning-onColouredSurface: var(--semantic_yellow-10);
    --shadow-lowContrast: #0606060d;
    --text-accent-extraHighContrast: var(--true_lavender-100);
    --text-accent-highContrast: var(--true_lavender-100);
    --text-accent-hover: var(--pure_white-100);
    --text-accent-pressed: var(--true_lavender-150);
    --text-button-Text-enabled: var(--true_lavender-100);
    --text-button-Text-hover: var(--pure_white-100);
    --text-button-Text-pressed: var(--true_lavender-150);
    --text-button-filled-enabled: var(--charcoal-100);
    --text-button-filled-hover: var(--charcoal-100);
    --text-button-filled-pressed: var(--charcoal-100);
    --text-button-ghost-enabled: var(--pure_white-100);
    --text-button-ghost-hover: var(--charcoal-50);
    --text-button-ghost-pressed: var(--charcoal-50);
    --text-button-outlined-enabled: var(--pure_white-100);
    --text-button-outlined-hover: var(--pure_white-100);
    --text-button-outlined-pressed: var(--pure_white-100);
    --text-danger: var(--semantic_red-100);
    --text-danger-hover: var(--semantic_red-100);
    --text-danger-onColouredSurface: var(--semantic_red-10);
    --text-danger-pressed: var(--semantic_red-50);
    --text-informative: var(--pure_white-100);
    --text-informative-onColouredSurface: var(--pure_white-100);
    --text-neutral-default: var(--charcoal-100);
    --text-neutral-highContrast: var(--pure_white-100);
    --text-neutral-inverse: var(--charcoal-100);
    --text-neutral-lowContrast: var(--charcoal-30);
    --text-neutral-onSelectedSurface: var(--charcoal-100);
    --text-neutral-white: var(--pure_white-100);
    --text-success: var(--semantic_green-100);
    --text-success-onColouredSurface: var(--semantic_green-10);
    --text-warning-onColouredSurface: var(--semantic_yellow-10);
}
