:root {
    --normal: var(--neutral-slateblue-500);
    --muted: var(--primary-fgreen-600);
    --subtle: var(--neutral-slateblue-300);
    --transparent: #ffffff00;
    --header-and-footer: var(--primary-charcoal-500);
 
 
    /*surface background color*/
    --surface-background-gray-subtle: var(--neutral-lavgray-500);
    --surface-background-gray-moderate: var(--neutral-lavgray-300);
    --surface-background-gray-intense: var(--neutral-lavgray-100);
 
    --surface-background-dark-subtle: var(--neutral-lavgray-1000);
    --surface-background-dark-moderate: var(--neutral-lavgray-900);
    --surface-background-dark-intense: var(--neutral-lavgray-800);
 
    --surface-background-primary-subtle: var(--primary-fgreen-a50);
    --surface-background-primary-intense: var(--primary-fgreen-600);
 
    --surface-background-cyan-subtle: var(--primary-cyan-50);
    --surface-background-cyan-intense: var(--primary-cyan-800);
 
    --surface-background-royal-subtle: var(--primary-royal-50);
    --surface-background-royal-intense: var(--primary-royal-800);
   
    --surface-background-coral-subtle: var(--primary-coral-50);
    --surface-background-coral-intense: var(--primary-coral-800);
 
    /*surface border color*/
    --surface-border-gray-normal: var(--neutral-slateblue-500);
    --surface-border-gray-subtle: var(--neutral-slateblue-300);
    --surface-border-gray-muted: var(--neutral-slateblue-a100);
   
    --surface-border-primary-normal: var(--primary-fgreen-500);
    --surface-border-primary-muted: var(--primary-fgreen-a100);
 
    /*surface text color*/
    --surface-text-gray-normal: var(--neutral-slateblue-1000);
    --surface-text-gray-subtle: var(--neutral-slateblue-900);
    --surface-text-gray-muted: var(--neutral-slateblue-600);
    --surface-text-gray-disabled: var(--neutral-slateblue-a150);
 
    --surface-text-primary-normal: var(--primary-fgreen-700);
    --surface-text-primary-subtle: var(--neutral-white-500);
 
    --surface-text-oncyan-onsubtle: var(--primary-lgreen-800);
    --surface-text-oncyan-onintense: var(--primary-lgreen-200);
 
    --surface-text-onroyal-onsubtle: var(--neutral-sky-800);
    --surface-text-onroyal-onintense: var(--neutral-sky-200);
    --surface-text-oncoral-onsubtle: var(--neutral-yellow-800);
    --surface-text-oncoral-onintense: var(--neutral-yellow-200);
 
    --surface-text-staticwhite-normal: var(--neutral-white-500);
    --surface-text-staticwhite-subtle: var(--neutral-white-450);
    --surface-text-staticwhite-muted: var(--neutral-white-200);
    --surface-text-staticwhite-disabled: var(--neutral-white-100);
 
    --surface-text-staticblack-normal: var(--neutral-black-500);
    --surface-text-staticblack-subtle: var(--neutral-black-300);
    --surface-text-staticblack-muted: var(--neutral-black-200);
    --surface-text-staticblack-disabled: var(--neutral-black-100);
 
    /*surface icon color*/
    --surface-icon-gray-normal: var(--neutral-slateblue-1000);
    --surface-icon-gray-subtle: var(--neutral-slateblue-900);
    --surface-icon-gray-muted: var(--neutral-slateblue-600);
    --surface-icon-gray-disabled: var(--neutral-slateblue-a150);
 
    --surface-icon-primary-normal: var(--primary-fgreen-700);
 
    --surface-icon-oncyan-onsubtle: var(--primary-lgreen-800);
    --surface-icon-oncyan-onintense: var(--primary-lgreen-200);
 
    --surface-icon-onroyal-onsubtle: var(--neutral-sky-700);
    --surface-icon-onroyal-onintense: var(--neutral-sky-300);
 
    --surface-icon-oncoral-onsubtle: var(--neutral-yellow-700);
    --surface-icon-oncoral-onintense: var(--neutral-yellow-300);
 
    --surface-icon-staticwhite-normal: var(--neutral-white-500);
    --surface-icon-staticwhite-subtle: var(--neutral-white-450);
    --surface-icon-staticwhite-muted: var(--neutral-white-200);
    --surface-icon-staticwhite-disabled: var(--neutral-white-100);
 
    --surface-icon-staticblack-normal: var(--neutral-black-500);
    --surface-icon-staticblack-subtle: var(--neutral-black-300);
    --surface-icon-staticblack-muted: var(--neutral-black-200);
    --surface-icon-staticblack-disabled: var(--neutral-black-100);
 
 
    /* feedback background color */
    --feedback-background-positive-subtle: var(--primary-lgreen-a50);
    --feedback-background-positive-intense: var(--primary-lgreen-800);
    --feedback-background-negative-subtle: var(--primary-crimson-a50);
    --feedback-background-negative-intense: var(--primary-crimson-700);
    --feedback-background-notice-subtle: var(--neutral-yellow-a50);
    --feedback-background-notice-intense: var(--neutral-yellow-800);
    --feedback-background-information-subtle: var(--neutral-sky-a50);
    --feedback-background-information-intense: var(--neutral-sky-700);
    --feedback-background-neutral-subtle: var(--neutral-slateblue-a50);
    --feedback-background-neutral-intense: var(--neutral-slateblue-1000);
 
 
    /* feedback border color */
    --feedback-border-positive-subtle: var(--primary-lgreen-a150);
    --feedback-border-positive-intense: var(--primary-lgreen-800);
    --feedback-border-negative-subtle: var(--primary-crimson-a100);
    --feedback-border-negative-intense: var(--primary-crimson-700);
    --feedback-border-notice-subtle: var(--neutral-yellow-a100);
    --feedback-border-notice-intense: var(--neutral-yellow-700);
    --feedback-border-information-subtle: var(--neutral-sky-a100);
    --feedback-border-information-intense: var(--neutral-sky-600);
    --feedback-border-neutral-subtle: var(--neutral-slateblue-a100);
    --feedback-border-neutral-intense: var(--neutral-slateblue-1000);
 
 
    /*feedback text color*/
    --feedback-text-positive-subtle: var(--primary-lgreen-200);
    --feedback-text-positive-intense: var(--primary-lgreen-800);
    --feedback-text-negative-subtle: var(--primary-crimson-100);
    --feedback-text-negative-intense: var(--primary-crimson-700);
    --feedback-text-notice-subtle: var(--neutral-yellow-100);
    --feedback-text-notice-intense: var(--neutral-yellow-800);
    --feedback-text-information-subtle: var(--neutral-sky-100);
    --feedback-text-information-intense: var(--neutral-sky-700);
    --feedback-text-neutral-subtle: var(--neutral-slateblue-500);
    --feedback-text-neutral-intense: var(--neutral-slateblue-1000);
 
 
    /*feedback icon color*/
    --feedback-icon-positive-subtle: var(--primary-lgreen-200);
    --feedback-icon-positive-intense: var(--primary-lgreen-800);
    --feedback-icon-negative-subtle: var(--primary-crimson-100);
    --feedback-icon-negative-intense: var(--primary-crimson-700);
    --feedback-icon-notice-subtle: var(--neutral-yellow-100);
    --feedback-icon-notice-intense: var(--neutral-yellow-800);
    --feedback-icon-information-subtle: var(--neutral-sky-100);
    --feedback-icon-information-intense: var(--neutral-sky-700);
    --feedback-icon-neutral-subtle: var(--neutral-slateblue-500);
    --feedback-icon-neutral-intense: var(--neutral-slateblue-1000);
 
 
    /*interactive background color*/
    --interactive-background-positive-default: var(--primary-lgreen-800);
    --interactive-background-positive-highlighted: var(--primary-lgreen-900);
    --interactive-background-positive-disabled: var(--primary-lgreen-a100);
    --interactive-background-positive-faded: var(--primary-lgreen-a100);
    --interactive-background-positive-fadedHighlighted: var(--primary-lgreen-a150);
    /**/
    --interactive-background-negative-default: var(--primary-crimson-600);
    --interactive-background-negative-highlighted: var(--primary-crimson-700);
    --interactive-background-negative-disabled: var(--primary-crimson-a50);
    --interactive-background-negative-faded: var(--primary-crimson-a50);
    --interactive-background-negative-fadedHighlighted: var(--primary-crimson-a100);
    /**/
    --interactive-background-notice-default: var(--neutral-yellow-700);
    --interactive-background-notice-highlighted: var(--neutral-yellow-800);
    --interactive-background-notice-disabled: var(--neutral-yellow-a50);
    --interactive-background-notice-faded: var(--neutral-yellow-a50);
    --interactive-background-notice-fadedHighlighted: var(--neutral-yellow-a100);
    /**/
    --interactive-background-information-default: var(--neutral-sky-700);
    --interactive-background-information-highlighted: var(--neutral-sky-800);
    --interactive-background-information-disabled: var(--neutral-sky-a50);
    --interactive-background-information-faded: var(--neutral-sky-a50);
    --interactive-background-information-fadedHighlighted: var(--neutral-sky-a100);
    /**/
    --interactive-background-neutral-default: var(--neutral-slateblue-900);
    --interactive-background-neutral-highlighted: var(--neutral-slateblue-1000);
    --interactive-background-neutral-disabled: var(--neutral-slateblue-a100);
    --interactive-background-neutral-faded: var(--neutral-slateblue-a100);
    --interactive-background-neutral-fadedHighlighted: var(--neutral-slateblue-a150);
    /**/
    --interactive-background-gray-default: var(--neutral-grey-a100);
    --interactive-background-gray-highlighted: var(--neutral-grey-a150);
    --interactive-background-gray-disabled: var(--neutral-grey-a50);
    --interactive-background-gray-faded: var(--neutral-grey-a50);
    --interactive-background-gray-fadedHighlighted: var(--neutral-grey-a100);
    /**/
    --interactive-background-primary-default: var(--primary-fgreen-600);
    --interactive-background-primary-highlighted: var(--primary-fgreen-700);
    --interactive-background-primary-disabled: var(--primary-fgreen-a50);
    --interactive-background-primary-faded: var(--primary-fgreen-a50);
    --interactive-background-primary-fadedHighlighted: var(--primary-fgreen-a100);
    /**/
    --interactive-background-staticblack-default: var(--neutral-black-500);
    --interactive-background-staticblack-highlighted: var(--neutral-black-400);
    --interactive-background-staticblack-disabled: var(--neutral-black-200);
    --interactive-background-staticblack-faded: var(--neutral-black-50);
    --interactive-background-staticblack-fadedHighlighted: var(--neutral-black-100);
    /**/
    --interactive-background-staticwhite-default: var(--neutral-white-500);
    --interactive-background-staticwhite-highlighted: var(--neutral-white-400);
    --interactive-background-staticwhite-disabled: var(--neutral-white-50);
    --interactive-background-staticwhite-faded: var(--neutral-white-50);
    --interactive-background-staticwhite-fadedHighlighted: var(--neutral-white-200);
   
   
    /*interactive border color*/
    --interactive-border-positive-default: var(--primary-fgreen-600);
    --interactive-border-positive-highlighted: var(--primary-fgreen-700);
    --interactive-border-positive-disabled: var(--primary-fgreen-a100);
    --interactive-border-positive-faded: var(--primary-fgreen-a100);
    /**/
    --interactive-border-negative-default: var(--primary-crimson-600);
    --interactive-border-negative-highlighted: var(--primary-crimson-700);
    --interactive-border-negative-disabled: var(--primary-crimson-a100);
    --interactive-border-negative-faded: var(--primary-crimson-a100);
    /**/
    --interactive-border-notice-default: var(--neutral-yellow-600);
    --interactive-border-notice-highlighted: var(--neutral-yellow-700);
    --interactive-border-notice-disabled: var(--neutral-yellow-a100);
    --interactive-border-notice-faded: var(--neutral-yellow-a100);
    /**/
    --interactive-border-information-default: var(--neutral-sky-600);
    --interactive-border-information-highlighted: var(--neutral-sky-700);
    --interactive-border-information-disabled: var(--neutral-sky-a100);
    --interactive-border-information-faded: var(--neutral-sky-a100);
    /**/
    --interactive-border-neutral-default: var(--neutral-slateblue-700);
    --interactive-border-neutral-highlighted: var(--neutral-slateblue-800);
    --interactive-border-neutral-disabled: var(--neutral-slateblue-300);
    --interactive-border-neutral-faded: var(--neutral-slateblue-a100);
    /**/
    --interactive-border-gray-default: var(--neutral-grey-600);
    --interactive-border-gray-highlighted: var(--neutral-grey-700);
    --interactive-border-gray-disabled: var(--neutral-grey-200);
    --interactive-border-gray-faded: var(--neutral-grey-a100);
    /**/
    --interactive-border-primary-default: var(--primary-fgreen-600);
    --interactive-border-primary-highlighted: var(--primary-fgreen-700);
    --interactive-border-primary-disabled: var(--primary-fgreen-a100);
    --interactive-border-primary-faded: var(--primary-fgreen-a100);
    /**/
    --interactive-border-staticblack-default: var(--neutral-black-500);
    --interactive-border-staticblack-highlighted: var(--neutral-black-500);
    --interactive-border-staticblack-disabled: var(--neutral-black-100);
    --interactive-border-staticblack-faded: var(--neutral-black-100);
    /**/
    --interactive-border-staticwhite-default: var(--neutral-white-500);
    --interactive-border-staticwhite-highlighted: var(--neutral-white-400);
    --interactive-border-staticwhite-disabled: var(--neutral-white-100);
    --interactive-border-staticwhite-faded: var(--neutral-white-50);
   
   
    /*interactive text color*/
    --interactive-text-positive-normal: var(--primary-lgreen-800);
    --interactive-text-positive-subtle: var(--primary-lgreen-600);
    --interactive-text-positive-muted: var(--primary-lgreen-400);
    --interactive-text-positive-disabled: var(--primary-lgreen-a200);
    /**/
    --interactive-text-negative-normal: var(--primary-crimson-700);
    --interactive-text-negative-subtle: var(--primary-crimson-600);
    --interactive-text-negative-muted: var(--primary-crimson-400);
    --interactive-text-negative-disabled: var(--primary-crimson-a200);
    /**/
    --interactive-text-notice-normal: var(--neutral-yellow-800);
    --interactive-text-notice-subtle: var(--neutral-yellow-600);
    --interactive-text-notice-muted: var(--neutral-yellow-400);
    --interactive-text-notice-disabled: var(--neutral-yellow-a200);
    /**/
    --interactive-text-information-normal: var(--neutral-sky-800);
    --interactive-text-information-subtle: var(--neutral-sky-600);
    --interactive-text-information-muted: var(--neutral-sky-400);
    --interactive-text-information-disabled: var(--neutral-sky-a200);
    /**/
    --interactive-text-neutral-normal: var(--neutral-slateblue-1000);
    --interactive-text-neutral-subtle: var(--neutral-slateblue-900);
    --interactive-text-neutral-muted: var(--neutral-slateblue-600);
    --interactive-text-neutral-disabled: var(--neutral-slateblue-a150);
    /**/
    --interactive-text-gray-normal: var(--neutral-grey-1000);
    --interactive-text-gray-subtle: var(--neutral-grey-900);
    --interactive-text-gray-muted: var(--neutral-grey-600);
    --interactive-text-gray-disabled: var(--neutral-grey-a150);
    /**/
    --interactive-text-primary-normal: var(--primary-fgreen-700);
    --interactive-text-primary-subtle: var(--primary-fgreen-600);
    --interactive-text-primary-muted: var(--primary-fgreen-400);
    --interactive-text-primary-disabled: var(--primary-fgreen-a100);
    /**/
    --interactive-text-onprimary-normal: var(--neutral-white-500);
    --interactive-text-onprimary-subtle: var(--neutral-white-400);
    --interactive-text-onprimary-muted: var(--neutral-white-300);
    --interactive-text-onprimary-disabled: var(--neutral-white-100);
    /**/
    --interactive-text-staticblack-normal: var(--neutral-black-500);
    --interactive-text-staticblack-subtle: var(--neutral-black-400);
    --interactive-text-staticblack-muted: var(--neutral-black-300);
    --interactive-text-staticblack-disabled: var(--neutral-black-100);
    /**/
    --interactive-text-staticwhite-normal: var(--neutral-white-500);
    --interactive-text-staticwhite-subtle: var(--neutral-white-400);
    --interactive-text-staticwhite-muted: var(--neutral-white-300);
    --interactive-text-staticwhite-disabled: var(--neutral-white-100);
   
   
    /*interactive icon color*/
    --interactive-icon-positive-normal: var(--primary-lgreen-800);
    --interactive-icon-positive-subtle: var(--primary-lgreen-600);
    --interactive-icon-positive-muted: var(--primary-lgreen-400);
    --interactive-icon-positive-disabled: var(--primary-lgreen-a200);
    /**/
    --interactive-icon-negative-normal: var(--primary-crimson-700);
    --interactive-icon-negative-subtle: var(--primary-crimson-600);
    --interactive-icon-negative-muted: var(--primary-crimson-400);
    --interactive-icon-negative-disabled: var(--primary-crimson-a200);
    /**/
    --interactive-icon-notice-normal: var(--neutral-yellow-800);
    --interactive-icon-notice-subtle: var(--neutral-yellow-600);
    --interactive-icon-notice-muted: var(--neutral-yellow-400);
    --interactive-icon-notice-disabled: var(--neutral-yellow-a200);
    /**/
    --interactive-icon-information-normal: var(--neutral-sky-800);
    --interactive-icon-information-subtle: var(--neutral-sky-600);
    --interactive-icon-information-muted: var(--neutral-sky-400);
    --interactive-icon-information-disabled: var(--neutral-sky-a200);
    /**/
    --interactive-icon-neutral-normal: var(--neutral-slateblue-1000);
    --interactive-icon-neutral-subtle: var(--neutral-slateblue-900);
    --interactive-icon-neutral-muted: var(--neutral-slateblue-600);
    --interactive-icon-neutral-disabled: var(--neutral-slateblue-a150);
    /**/
    --interactive-icon-gray-normal: var(--neutral-grey-1000);
    --interactive-icon-gray-subtle: var(--neutral-grey-900);
    --interactive-icon-gray-muted: var(--neutral-grey-600);
    --interactive-icon-gray-disabled: var(--neutral-grey-a150);
    /**/
    --interactive-icon-primary-normal: var(--primary-fgreen-700);
    --interactive-icon-primary-subtle: var(--primary-fgreen-600);
    --interactive-icon-primary-muted: var(--primary-fgreen-400);
    --interactive-icon-primary-disabled: var(--primary-fgreen-a100);
    /**/
    --interactive-icon-onprimary-normal: var(--neutral-white-500);
    --interactive-icon-onprimary-subtle: var(--neutral-white-400);
    --interactive-icon-onprimary-muted: var(--neutral-white-300);
    --interactive-icon-onprimary-disabled: var(--neutral-white-100);
    /**/
    --interactive-icon-staticblack-normal: var(--neutral-black-500);
    --interactive-icon-staticblack-subtle: var(--neutral-black-400);
    --interactive-icon-staticblack-muted: var(--neutral-black-300);
    --interactive-icon-staticblack-disabled: var(--neutral-black-100);
    /**/
    --interactive-icon-staticwhite-normal: var(--neutral-white-500);
    --interactive-icon-staticwhite-subtle: var(--neutral-white-400);
    --interactive-icon-staticwhite-muted: var(--neutral-white-300);
    --interactive-icon-staticwhite-disabled: var(--neutral-white-100);
   
   
    /*interactive hover color*/
    --interactive-hover-subtle: var(--neutral-white-50);
    --interactive-hover-intense: var(--neutral-black-10);
 
 
    /*overlay background color*/
    --overlay-background-moderate: var(--neutral-sky-a150);
    --overlay-background-subtle: var(--neutral-black-200);
 
 
    /*popup background color*/
    --popup-background-subtle: var(--neutral-lavgray-50);
    --popup-background-intense: var(--neutral-lavgray-1000);
 
    /*popup border color*/
    --popup-border-subtle: var(--neutral-lavgray-a100);
    --popup-border-intense: var(--neutral-lavgray-900);
 
 
    /*elevation color*/
    --elevation-microRaised:#3F4F6117;
    --elevation-lowraised: #3F4F611F;
    --elevation-midraised: #3F4F611F;
    --elevation-highraised: #3F4F612E;
    --elevation-bottomsheet:#3F4F612E;
    --elevation-toast: #FFFFFFA3;
 
 
    /*list item asset color*/
    --listItemAsset-color: var(--neutral-slateblue-600);
 
 
    /*link border color*/
    --link-border-positive: var(--primary-lgreen-600);
    --link-border-negative: var(--primary-crimson-600);
    --link-border-notice: var(--neutral-yellow-600);
    --link-border-information: var(--neutral-sky-600);
    --link-border-neutral: var(--neutral-slateblue-900);
    --link-border-primary: var(--primary-fgreen-600);
    --link-border-staticwhite: var(--neutral-white-400);
    --link-border-staticblack: var(--neutral-black-400);
    --link-border-gray: var(--neutral-grey-900);
 
 
    /*amount strikthrough*/
    --amount-strikethrough-positive: var(--primary-lgreen-800);
    --amount-strikethrough-negative: var(--primary-crimson-700);
    --amount-strikethrough-notice: var(--neutral-yellow-800);
    --amount-strikethrough-information: var(--neutral-sky-700);
    --amount-strikethrough-neutral: var(--neutral-slateblue-1000);
    --amount-strikethrough-primary: var(--primary-fgreen-700);
    --amount-strikethrough-staticwhite: var(--neutral-white-500);
    --amount-strikethrough-staticblack: var(--neutral-black-500);
    --amount-strikethrough-graynormal: var(--neutral-slateblue-1000);
    --amount-strikethrough-graysubtle: var(--neutral-slateblue-900);
    --amount-strikethrough-graymuted: var(--neutral-slateblue-600);
 
    /*card*/
    --card-bg-intense: var(--neutral-lavgray-100);
    --card-bg-moderate: var(--neutral-lavgray-300);
    --card-bg-subtle: var(--neutral-lavgray-500);
 
    --footer-logo-filter: "";

    /*disabled button*/
    --global-disabled-button-bgcolor: var(--disabled-button-bgcolor);
    --global-disabled-button-icon-color: var(--primary-charcoal-300);
    --global-disabled-button-text-color: var(--primary-charcoal-300);

    --global-disabled-text-color: var(--primary-charcoal-300);

}