:root {
    /*Customer Tokens*/
    --customer-my-contacts-button: var(--lds-color-neutral-900);
    --customer-my-contacts-button-hover: var(--lds-color-neutral-700);
    --customer-my-contacts-button-active: var(--lds-color-neutral-600);
    --customer-inner-form-padding: 76px 12px 44px;
    /*Genaral*/
    --general-color-background-scrim: rgba(23, 28, 34, 0.36);
    /*LDS*/
    --lds-color-primary-main: rgb(24, 119, 225);
    --lds-color-primary-lighter: #BDDEFD;
    --lds-color-primary-darker: #1565CF;
    --lds-color-primary-50: #E3F2FE;
    --lds-color-primary-100: #BDDEFD;
    --lds-color-primary-200: #91CBFD;
    --lds-color-primary-300: #63B6FC;
    --lds-color-primary-400: #3EA6FB;
    --lds-color-primary-500: #2497FB;
    --lds-color-primary-600: #1E89F5;
    --lds-color-primary-700: var(--lds-color-primary-main);
    --lds-color-primary-800: #1565CF;
    --lds-color-primary-900: #1147B1;
    --lds-color-primary-transparent-100: rgba(24, 119, 225, 0.05);
    --lds-color-primary-transparent-200: rgba(24, 119, 225, 0.08);
    --lds-color-primary-transparent-300: rgba(24, 119, 225, 0.12);
    --lds-color-primary-transparent-400: rgba(24, 119, 225, 0.24);
    --lds-color-primary-transparent-500: rgba(24, 119, 225, 0.32);
    --lds-color-primary-transparent-600: rgba(24, 119, 225, 0.64);
    --lds-color-secondary-50: #E3EAFF;
    --lds-color-secondary-100: #BDCFEB;
    --lds-color-secondary-200: #9DADCE;
    --lds-color-secondary-300: #7A8EB1;
    --lds-color-secondary-400: #61779D;
    --lds-color-secondary-500: #486189;
    --lds-color-secondary-600: #3A5478;
    --lds-color-secondary-700: #2B4262;
    --lds-color-secondary-800: #1C304D;
    --lds-color-secondary-900: #081D35;
    --lds-color-secondary-main: #081D35;
    --lds-color-secondary-lighter: #B8C0CE;
    --lds-color-secondary-darker: #111522;
    --lds-color-secondary-transparent-100: rgba(8, 29, 53, 0.04);
    --lds-color-secondary-transparent-200: rgba(8, 29, 53, 0.08);
    --lds-color-secondary-transparent-300: rgba(8, 29, 53, 0.12);
    --lds-color-secondary-transparent-400: rgba(8, 29, 53, 0.24);
    --lds-color-secondary-transparent-500: rgba(8, 29, 53, 0.32);
    --lds-color-secondary-transparent-600: rgba(8, 29, 53, 0.64);
    --lds-color-warn-50: #FAE8EA;
    --lds-color-warn-100: #F3C5C9;
    --lds-color-warn-200: #DB8D8C;
    --lds-color-warn-300: #C96261;
    --lds-color-warn-400: #CE403C;
    --lds-color-warn-500: #CD2B21;
    --lds-color-warn-600: #C02121;
    --lds-color-warn-700: #AF171C;
    --lds-color-warn-800: #A20F15;
    --lds-color-warn-900: #93000A;
    --lds-color-warn-lighter: #F3C5C9;
    --lds-color-warn-main: #AF171C;
    --lds-color-warn-darker: #93000A;
    --lds-color-warn-transparent-100: rgba(175, 23, 28, 0.05);
    --lds-color-warn-transparent-200: rgba(175, 23, 28, 0.08);
    --lds-color-warn-transparent-300: rgba(175, 23, 28, 0.12);
    --lds-color-warn-transparent-400: rgba(175, 23, 28, 0.24);
    --lds-color-warn-transparent-500: rgba(175, 23, 28, 0.32);
    --lds-color-warn-transparent-600: rgba(175, 23, 28, 0.64);
    --lds-color-semantic-success-50: #E3F4EC;
    --lds-color-semantic-success-100: #BBE3CF;
    --lds-color-semantic-success-200: #8FD0B1;
    --lds-color-semantic-success-300: #5EBF92;
    --lds-color-semantic-success-400: #31B27C;
    --lds-color-semantic-success-500: #00A566;
    --lds-color-semantic-success-600: #00965C;
    --lds-color-semantic-success-700: #00844F;
    --lds-color-semantic-success-800: #007343;
    --lds-color-semantic-success-900: #00542E;
    --lds-color-semantic-success-lighter: #BBE3CF;
    --lds-color-semantic-success-main: #00A566;
    --lds-color-semantic-success-darker: #007343;
    --lds-color-semantic-success-transparent-100: rgba(49, 178, 124, 0.05);
    --lds-color-semantic-success-transparent-200: rgba(49, 178, 124, 0.08);
    --lds-color-semantic-success-transparent-300: rgba(49, 178, 124, 0.12);
    --lds-color-semantic-success-transparent-400: rgba(49, 178, 124, 0.24);
    --lds-color-semantic-success-transparent-500: rgba(49, 178, 124, 0.32);
    --lds-color-semantic-success-transparent-600: rgba(49, 178, 124, 0.64);
    --lds-color-semantic-alert-50: #FDF2DF;
    --lds-color-semantic-alert-100: #FADDB0;
    --lds-color-semantic-alert-200: #F7C77E;
    --lds-color-semantic-alert-300: #F3B04B;
    --lds-color-semantic-alert-400: #F19F25;
    --lds-color-semantic-alert-500: #EF8F00;
    --lds-color-semantic-alert-600: #EB8400;
    --lds-color-semantic-alert-700: #E57500;
    --lds-color-semantic-alert-800: #DF6500;
    --lds-color-semantic-alert-900: #D54C00;
    --lds-color-semantic-alert-lighter: #F7C77E;
    --lds-color-semantic-alert-main: #EF8F00;
    --lds-color-semantic-alert-darker: #DF6500;
    --lds-color-semantic-alert-transparent-100: rgba(239, 143, 0, 0.05);
    --lds-color-semantic-alert-transparent-200: rgba(239, 143, 0, 0.08);
    --lds-color-semantic-alert-transparent-300: rgba(239, 143, 0, 0.12);
    --lds-color-semantic-alert-transparent-400: rgba(239, 143, 0, 0.24);
    --lds-color-semantic-alert-transparent-500: rgba(239, 143, 0, 0.32);
    --lds-color-semantic-alert-transparent-600: rgba(239, 143, 0, 0.64);
    --lds-color-neutral-50: #FDFCFF;
    --lds-color-neutral-100: #EDF1FA;
    --lds-color-neutral-200: #DFE2EB;
    --lds-color-neutral-300: #C3C7CF;
    --lds-color-neutral-400: #A7ABB4;
    --lds-color-neutral-500: #73777F;
    --lds-color-neutral-600: #5A5F66;
    --lds-color-neutral-700: #43474E;
    --lds-color-neutral-800: #2C3137;
    --lds-color-neutral-900: #171C22;
    --lds-color-neutral-main: #171C22;
    --lds-color-neutral-transparent-100: rgba(23, 28, 34, 0.04);
    --lds-color-neutral-transparent-200: rgba(23, 28, 34, 0.08);
    --lds-color-neutral-transparent-300: rgba(23, 28, 34, 0.12);
    --lds-color-neutral-transparent-400: rgba(23, 28, 34, 0.24);
    --lds-color-neutral-transparent-500: rgba(23, 28, 34, 0.32);
    --lds-color-neutral-transparent-600: rgba(23, 28, 34, 0.64);
    --lds-color-white-main: #ffffff;
    --lds-color-white-transparent-100: rgba(255, 255, 255, 0.08);
    --lds-color-white-transparent-200: rgba(255, 255, 255, 0.12);
    --lds-color-white-transparent-300: rgba(255, 255, 255, 0.24);
    --lds-color-white-transparent-400: rgba(255, 255, 255, 0.32);
    --lds-color-white-transparent-500: rgba(255, 255, 255, 0.64);
    --lds-color-white-transparent-600: rgba(255, 255, 255, 0.72);
    --lds-color-interaction-inverse-hover: var(--lds-color-white-transparent-100);
    --lds-color-interaction-hover: var(--lds-color-neutral-transparent-100);
    --lds-color-interaction-focus: var(--lds-color-neutral-transparent-300);
    --lds-color-interaction-primary-hover: var(--lds-color-primary-transparent-100);
    --lds-color-interaction-primary-focus: var(--lds-color-primary-transparent-300);
    --lds-color-interaction-selected: var(--lds-color-primary-transparent-200);
    --lds-color-interaction-selected-hover: var(--lds-color-primary-transparent-300);
    --lds-color-interaction-selected-focus: var(--lds-color-primary-transparent-400);
    --lds-color-background-base: var(--lds-color-white-main);
    --lds-color-background-lightest: #F6F8FC;
    --lds-color-background-lighter: #F0F4F9;
    --lds-color-background-light: #E9EEF5;
    --lds-color-background-dark: #E3E9F0;
    --lds-color-background-darker: #DDE4EC;
    --lds-color-background-darkest: #D5DDE8;
    --lds-color-background-inverse: var(--lds-color-neutral-main);
    --lds-color-font-base: #171C22;
    --lds-color-font-weak: rgba(23, 28, 34, 0.72);
    --lds-color-font-disabled: rgba(23, 28, 34, 0.32);
    --lds-color-font-inverse-base: rgba(255, 255, 255, 0.98);
    --lds-color-font-inverse-disabled: rgba(255, 255, 255, 0.36);
    --lds-color-font-inverse-weak: rgba(255, 255, 255, 0.78);
    --lds-color-font-primary-base: var(--lds-color-primary-darker);
    --lds-color-font-primary-disabled: rgba(21, 101, 207, 0.32);
    --lds-color-font-primary-weak: rgba(21, 101, 207, 0.72);
    --lds-color-icon-base: rgba(23, 28, 34, 0.72);
    --lds-color-icon-disabled: rgba(23, 28, 34, 0.32);
    --lds-color-icon-inverse-base: rgba(255, 255, 255, 0.98);
    --lds-color-icon-inverse-disabled: var(--lds-color-white-transparent-400);
    --lds-color-icon-inverse-weak: var(--lds-color-white-transparent-600);
    --lds-color-icon-primary-base: var(--lds-color-primary-darker);
    --lds-color-icon-primary-disabled: rgba(21, 101, 207, 0.38);
    --lds-color-icon-primary-weak: rgba(21, 101, 207, 0.72);
    --lds-color-border-disabled: var(--lds-color-neutral-transparent-200);
    --lds-color-border-light: rgba(23, 28, 34, 0.16);
    --lds-color-border-dark: var(--lds-color-neutral-transparent-400);
    --lds-color-border-dark-hover: rgba(23, 28, 34, 0.54);
    --lds-color-border-active: var(--lds-color-primary-darker);
    --lds-color-participant-1: #2b98ca;
    --lds-color-participant-2: #d07096;
    --lds-color-participant-3: #6ca94f;
    --lds-color-participant-4: #d36c0d;
    --lds-color-participant-5: #6559ce;
    --lds-color-participant-6: #597a89;
    --lds-color-participant-7: #ab50bb;
    --lds-color-participant-8: #bea62a;
    --lds-color-participant-9: #339058;
    --lds-color-participant-10: #e8441b;
    --lds-color-participant-11: #654e81;
    --lds-color-participant-12: #00b98c;
    --lds-color-participant-13: #a6446d;
    --lds-color-participant-14: #8f9057;
    --lds-color-participant-15: #c04b4b;
    --lds-color-participant-16: #9a6b40;
    --lds-color-participant-17: #bc9f3a;
    --lds-color-studio-parameter: #408096;
    --lds-color-studio-pdf: #ff8a8a;
    --lds-color-studio-html: #a09cfd;
    --lds-color-studio-form: #67d4aa;
    --lds-color-studio-sum: #55af68;
    --lds-color-studio-function: #8050ab;
    --lds-color-studio-attribute: #004BA4;
    --lds-color-studio-tick-box: #9693df;
    --lds-color-studio-photo-id: #ff8f00;
    --lds-color-owner: #d7a700;
    --lds-color-border-inverse-active:#91CBFD;
    --lds-color-border-inverse-light:rgba(255, 255, 255, 0.20);
    --lds-radius-sm: 4px;
    --lds-radius-md: 8px;
    --lds-radius-lg: 16px;
    --lds-radius-xl: 32px;
    --lds-radius-circle: 50%;
    --lds-radius-ellipsis: 6.25rem;
    --lds-space-0: 0px;
    --lds-space-1: 1px;
    --lds-space-2: 2px;
    --lds-space-3: 4px;
    --lds-space-4: 8px;
    --lds-space-5: 12px;
    --lds-space-6: 16px;
    --lds-space-7: 20px;
    --lds-space-8: 24px;
    --lds-space-9: 32px;
    --lds-space-10: 36px;
    --lds-space-11: 48px;
    --lds-space-12: 54px;
    --lds-size-icon-xs: 0.75rem;
    --lds-size-icon-sm: 1.125rem;
    --lds-size-icon-md: 1.5rem;
    --lds-size-icon-ml: 2rem;
    --lds-size-icon-lg: 3rem;
    --lds-size-icon-xl: 4rem;
    --lds-size-icon-xxl: 4.5rem;
    --lds-size-icon-xxxl: 5.25rem;
    --lds-size-avatar-sm: 1.125rem;
    --lds-size-avatar-md: 1.75rem;
    --lds-size-avatar-lg: 2.5rem;
    /*Brand*/
    --lds-brand-color-primary: var(--lds-color-primary-main);
    --lds-brand-color-font-primary-base: var(--lds-color-font-primary-base);
    --lds-brand-color-icon-primary-base: var(--lds-color-icon-primary-base);
    --lds-brand-color-icon-primary-disabled: var(--lds-color-icon-primary-disabled);
    --lds-brand-color-icon-primary-weak: var(--lds-color-icon-primary-weak);
    --lds-brand-color-primary-hover: rgba(24, 119, 225, 0.74);
    --lds-brand-color-on-primary: var(--lds-color-font-inverse-base);
    --lds-brand-color-on-primary-weak: var(--lds-color-font-weak);
    --lds-brand-color-interaction-primary-hover: var(--lds-color-interaction-primary-hover);
    --lds-brand-color-interaction-primary-focus: var(--lds-color-interaction-primary-focus);
    --lds-brand-color-interaction-primary-selected: var(--lds-color-primary-transparent-300);
    --lds-brand-color-interaction-primary-selected-hover: var(--lds-color-primary-transparent-400);
    --lds-brand-color-interaction-primary-selected-hover-focus: var(--lds-color-primary-transparent-500);
    --lds-brand-color-interaction-selected: var(--lds-color-interaction-selected);
    --lds-brand-color-interaction-selected-hover: var(--lds-color-interaction-selected-hover);
    --lds-brand-color-secondary: var(--lds-color-secondary-main);
    --lds-brand-color-secondary-hover: rgba(8, 29, 53, 0.74);
    --lds-brand-color-secondary-btn-bg: var(--lds-color-neutral-800);
    --lds-brand-color-on-secondary: var(--lds-color-font-inverse-base);
    /* Backgrounds */
    --lds-brand-color-background-lightest: var(--lds-color-background-lightest);
    --lds-brand-color-background-lighter: var(--lds-color-background-lighter);
    --lds-brand-color-background-light: var(--lds-color-background-light);
    --lds-brand-color-background-dark: var(--lds-color-background-dark);
    --lds-brand-color-background-darker: var(--lds-color-background-darker);
    --lds-brand-color-background-darkest: var(--lds-color-background-darkest);
    /* Brand Custom Elements */
    /* Send Button */
    --lds-brand-color-send-btn-bg: var(--lds-color-primary-100);
    --lds-brand-color-send-btn-color: var(--lds-color-icon-base);
    --lds-brand-color-send-btn-bg-hover: var(--lds-color-primary-200);
    /* Compose Field */
    --lds-brand-color-compose-field-focused: var(--lds-color-primary-transparent-200);
    /* Customer Card */
    --lds-brand-color-customer-card: var(--lds-color-primary-transparent-300);
    --lds-brand-color-on-customer-card: var(--lds-color-font-base);
    --lds-brand-color-customer-thumbnail-bg: var(--lds-color-primary-transparent-400);
    --lds-brand-color-customer-thumbnail-color: var(--lds-color-icon-base);
    /* Customer Card Primary Button - used only for the start btn in message card */
    --lds-brand-color-primary-btn-bg: var(--lds-color-neutral-800);
    --lds-brand-color-primary-btn-color: var(--lds-color-font-inverse-base);
    --lds-brand-color-primary-btn-bg-hover: rgba(44,49, 55, 0.74);
}