:root {
--primitive-spacing-00-0: 0px;
--primitive-spacing-01-4: 4px;
--primitive-spacing-02-8: 8px;
--primitive-spacing-03-12: 12px;
--primitive-spacing-04-16: 16px;
--primitive-spacing-05-20: 20px;
--primitive-spacing-06-24: 24px;
--primitive-spacing-07-28: 28px;
--primitive-spacing-08-32: 32px;
--primitive-spacing-09-36: 36px;
--primitive-spacing-10-40: 40px;
--primitive-spacing-11-44: 44px;
--primitive-spacing-12-48: 48px;
--primitive-spacing-13-52: 52px;
--primitive-spacing-14-56: 56px;
--primitive-spacing-15-60: 60px;
--primitive-spacing-16-64: 64px;
--primitive-spacing-17-68: 68px;
--primitive-spacing-18-72: 72px;
--primitive-spacing-19-76: 76px;
--primitive-spacing-20-80: 80px;
--primitive-spacing-21-84: 84px;
--primitive-spacing-22-88: 88px;
--primitive-spacing-23-92: 92px;
--primitive-spacing-24-96: 96px;
--primitive-spacing-25-100: 100px;
--primitive-spacing-26-104: 104px;
--primitive-spacing-27-108: 108px;
--primitive-spacing-28-112: 112px;
--primitive-spacing-29-116: 116px;
--primitive-spacing-30-120: 120px;
--primitive-spacing-31-160: 160px;
--primitive-color-ci-primary01: #356a93;
--primitive-color-ci-primary02: #1a4f77;
--primitive-color-ci-primary03: #9ab4c9;
--primitive-color-ci-primary04: #d7e1e9;
--primitive-color-ci-secondary01: #699dba;
--primitive-color-ci-secondary02: #b4cedc;
--primitive-color-ci-secondary03: #e1ebf1;
--primitive-color-ci-secondary04: #e1ebf1;
--primitive-color-ci-tertiary01: #001a3b;
--primitive-color-ci-tertiary02: #8d9297;
--primitive-color-ci-tertiary03: #d1d3d5;
--primitive-color-ci-tertiary04: #d1d3d5;
--primitive-color-base-black: #000000ff;
--primitive-color-base-white: #ffffffff;
--primitive-color-text-text-default: #001a3b;
--primitive-color-text-text-medium: #555f6b;
--primitive-color-text-text-light: #a1abb7;
--primitive-color-text-text-ultra-light: #ffffff;
--primitive-color-alert-alert-ok: #72cb19ff;
--primitive-color-alert-alert-warning: #f0b60eff;
--primitive-color-alert-alert-error: #d45e5cff;
--primitive-color-signal: #e6007e;
--primitive-color-alert-alert-disabled: #d2d2d2ff;
--primitive-color-input-input-dark: #8b8b8a;
--primitive-color-input-input-medium: #8b8b8a;
--primitive-color-input-input-light: #8b8b8a;
--primitive-color-tool-tool: #e6007eff;
--primitive-color-wire-wire-dark: #001a3bff;
--primitive-color-wire-wire-medium: #566578ff;
--primitive-color-wire-wire-light: #a4b1c1ff;
--primitive-color-wire-wire-ulra-light: #edf0f5ff;
--token-container-width-superwide: 1800px;
--token-container-width-wide-default: 1376px;
--token-container-width-medium: 1136px;
--token-container-width-small: 960px;
--token-container-width-extra-small: 720px;
--token-spacing-xxxl: var(--primitive-spacing-30-120);
--token-spacing-xxl: var(--primitive-spacing-24-96);
--token-spacing-xl: var(--primitive-spacing-16-64);
--token-spacing-lg: var(--primitive-spacing-12-48);
--token-spacing-md: var(--primitive-spacing-08-32);
--token-spacing-s: var(--primitive-spacing-06-24);
--token-spacing-xs: var(--primitive-spacing-04-16);
--token-spacing-xxs: var(--primitive-spacing-02-8);
--token-spacing-xxxs: var(--primitive-spacing-01-4);
--token-spacing-giant: var(--primitive-spacing-31-160);
--token-spacing-zero: var(--primitive-spacing-00-0);
--token-size-xxxs: var(--primitive-spacing-04-16);
--token-size-xxs: var(--primitive-spacing-05-20);
--token-size-xs: var(--primitive-spacing-06-24);
--token-size-sm: var(--primitive-spacing-08-32);
--token-size-md: var(--primitive-spacing-10-40);
--token-size-lg: var(--primitive-spacing-12-48);
--token-size-xl: var(--primitive-spacing-16-64);
--token-size-xxl: var(--primitive-spacing-24-96);
--token-rd-xs: var(--primitive-spacing-01-4);
--token-rd-sm: var(--primitive-spacing-02-8);
--token-rd-md: var(--primitive-spacing-04-16);
--token-rd-lg: var(--primitive-spacing-06-24);
--token-rd-xl: var(--primitive-spacing-08-32);
--token-rd-zero: var(--primitive-spacing-00-0);
--token-color-background-primary-mode-light: var(--primitive-color-ci-primary04);
--token-color-background-secondary-mode-light: var(--primitive-color-ci-secondary04);
--token-color-background-wire-mode-light: var(--primitive-color-wire-wire-ulra-light);
--token-color-background-tertiary-mode-light: var(--primitive-color-text-text-ultra-light);
--token-color-background-primary-mode-dark: var(--primitive-color-ci-primary01);
--token-color-background-secondary-mode-dark: var(--primitive-color-ci-secondary01);
--token-color-background-wire-mode-dark: var(--primitive-color-wire-wire-dark);
--token-color-background-tertiary-mode-dark: var(--primitive-color-ci-tertiary01);
--token-color-button-primary-mode-light: var(--primitive-color-ci-primary01);
--token-color-button-primary-hover-mode-light: var(--primitive-color-ci-primary02);
--token-color-button-secondaty-mode-light: var(--primitive-color-ci-secondary01);
--token-color-button-secondary-hover-mode-light: var(--primitive-color-ci-secondary02);
--token-color-button-tertiary-mode-light: var(--primitive-color-ci-tertiary01);
--token-color-button-tertiary-hover-mode-light: var(--primitive-color-ci-tertiary02);
--token-color-button-white-mode-light: var(--primitive-color-text-text-ultra-light);
--token-color-button-white-hover-mode-light: var(--primitive-color-text-text-light);
--token-color-button-disabled-mode-light: var(--primitive-color-alert-alert-disabled);
--token-color-button-primary-mode-dark: var(--primitive-color-ci-primary01);
--token-color-button-primary-hover-mode-dark: var(--primitive-color-ci-primary02);
--token-color-button-secondaty-mode-dark: var(--primitive-color-ci-secondary01);
--token-color-button-secondary-hover-mode-dark: var(--primitive-color-ci-secondary02);
--token-color-button-tertiary-mode-dark: var(--primitive-color-ci-tertiary01);
--token-color-button-tertiary-hover-mode-dark: var(--primitive-color-ci-tertiary02);
--token-color-button-white-mode-dark: var(--primitive-color-text-text-ultra-light);
--token-color-button-white-hover-mode-dark: var(--primitive-color-text-text-light);
--token-color-button-disabled-mode-dark: var(--primitive-color-alert-alert-disabled);
--token-color-text-primary-dark-mode-light: var(--primitive-color-ci-primary01);
--token-color-text-secondary-dark-mode-light: var(--primitive-color-ci-secondary01);
--token-color-text-default-dark-mode-light: var(--primitive-color-text-text-default);
--token-color-text-default-medium-mode-light: var(--primitive-color-text-text-medium);
--token-color-text-default-light-mode-light: var(--primitive-color-text-text-light);
--token-color-text-default-ultra-light-mode-light: var(--primitive-color-text-text-ultra-light);
--token-color-text-primary-dark-mode-dark: var(--primitive-color-ci-primary04);
--token-color-text-secondary-dark-mode-dark: var(--primitive-color-ci-secondary04);
--token-color-text-default-dark-mode-dark: var(--primitive-color-text-text-ultra-light);
--token-color-text-default-medium-mode-dark: var(--primitive-color-text-text-light);
--token-color-text-default-light-mode-dark: var(--primitive-color-text-text-ultra-light);
--token-color-text-default-ultra-light-mode-dark: var(--primitive-color-text-text-ultra-light);
}