.tailwind-styles {
  /* Typography */
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --text-display: 96px;
  --text-display--line-height: 100px;
  --text-display--letter-spacing: -3.6px;
  --text-h1: 72px;
  --text-h1--line-height: 80px;
  --text-h1--letter-spacing: -2.2px;
  --text-h2: 64px;
  --text-h2--line-height: 72px;
  --text-h2--letter-spacing: -1.7px;
  --text-h3: 48px;
  --text-h3--line-height: 56px;
  --text-h3--letter-spacing: -1px;
  --text-h4: 36px;
  --text-h4--line-height: 44px;
  --text-h4--letter-spacing: -0.7px;
  --text-h5: 30px;
  --text-h5--line-height: 36px;
  --text-h5--letter-spacing: -0.5px;
  --text-h6: 24px;
  --text-h6--line-height: 32px;
  --text-h6--letter-spacing: -0.3px;
  --text-body-l: 20px;
  --text-body-l--line-height: 28px;
  --text-body-l--letter-spacing: -0.2px;
  --text-body-m: 18px;
  --text-body-m--line-height: 26px;
  --text-body-m--letter-spacing: -0.2px;
  --text-body-s: 16px;
  --text-body-s--line-height: 24px;
  --text-body-s--letter-spacing: -0.2px;
  --text-caption-l: 14px;
  --text-caption-l--line-height: 20px;
  --text-caption-l--letter-spacing: -0.1px;
  --text-caption-m: 12px;
  --text-caption-m--line-height: 16px;
  --text-caption-m--letter-spacing: 0px;
  --text-caption-s: 10px;
  --text-caption-s--line-height: 14px;
  --text-caption-s--letter-spacing: 0px;

  /* Radius */
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-full: 9999px;

  /* Light-mode color tokens */
  --color-accent-blue: #f0f4fe;
  --color-accent-blue-accent: #4677f5;
  --color-accent-blue-subtle: #e3eafd;
  --color-accent-brand: #f43a3a19;
  --color-accent-brand-accent: #f43a3a;
  --color-accent-brand-subtle: #f43a3a33;
  --color-accent-gray: #f6f6f7;
  --color-accent-gray-accent: #707684;
  --color-accent-gray-bold: #14151a;
  --color-accent-gray-subtle: #e8e9ec;
  --color-accent-green: #edfdf4;
  --color-accent-green-accent: #26bd6c;
  --color-accent-green-subtle: #d1fae4;
  --color-accent-orange: #fef4ec;
  --color-accent-orange-accent: #f48e2f;
  --color-accent-orange-subtle: #fdead8;
  --color-accent-red: #fdf2f1;
  --color-accent-red-accent: #e6483d;
  --color-accent-red-subtle: #fce5e4;
  --color-badge-blue: #e3eafd;
  --color-badge-blue-accent: #4677f5;
  --color-badge-blue-disabled: #f0f4fe;
  --color-badge-brand: #fdd8d8;
  --color-badge-brand-accent: #f43a3a;
  --color-badge-brand-dsiabled: #feebeb;
  --color-badge-gray: #e8e9ec;
  --color-badge-gray-accent: #5d626e;
  --color-badge-gray-disabled: #e8e9ec;
  --color-badge-green: #d1fae4;
  --color-badge-green-accent: #26bd6c;
  --color-badge-green-disabled: #edfdf4;
  --color-badge-orange: #fdead8;
  --color-badge-orange-accent: #f48e2f;
  --color-badge-orange-disabled: #fef4ec;
  --color-badge-red: #fce5e4;
  --color-badge-red-accent: #e6483d;
  --color-badge-red-disabled: #fdf2f1;
  --color-badge-surface: #ffffff;
  --color-badge-white: #ffffff;
  --color-badge-white-disabled: #ffffff;
  --color-button-destructive: #e6483d;
  --color-button-destructive-disabled: #fce5e4;
  --color-button-destructive-ghost: #ffffff00;
  --color-button-destructive-ghost-disabled: #ffffff00;
  --color-button-destructive-ghost-hover: #e6483d19;
  --color-button-destructive-hover: #d9281c;
  --color-button-destructive-secondary: #ffffff;
  --color-button-destructive-secondary-disabled: #ffffff;
  --color-button-destructive-secondary-hover: #fdf2f1;
  --color-button-destructive-tertiary: #e6483d19;
  --color-button-destructive-tertiary-disabled: #e6483d19;
  --color-button-destructive-tertiary-hover: #e6483d26;
  --color-button-ghost: #ffffff00;
  --color-button-ghost-disabled: #ffffff00;
  --color-button-ghost-hover: #0a0f290a;
  --color-button-primary: #141519;
  --color-button-primary-disabled: #e8e9ec;
  --color-button-primary-hover: #1f2127;
  --color-button-secondary: #ffffff;
  --color-button-secondary-disabled: #ffffff;
  --color-button-secondary-hover: #f6f6f7;
  --color-button-tertiary: #0a0f290a;
  --color-button-tertiary-disabled: #0a0f290a;
  --color-button-tertiary-hover: #0a0f2914;
  --color-checkbox-checked: #f43a3a;
  --color-checkbox-default: #ffffff;
  --color-checkbox-disabled: #dddfe2;
  --color-chip-primary: #ffffff;
  --color-chip-primary-active: #ffffff;
  --color-chip-primary-disabled: #ffffff;
  --color-chip-primary-hover: #f6f6f7;
  --color-chip-secondary: #0a0f290a;
  --color-chip-secondary-active: #0a0f290a;
  --color-chip-secondary-disabled: #0a0f290a;
  --color-chip-secondary-hover: #0a0f2914;
  --color-input-disabled: #ffffff;
  --color-input-focus: #ffffff;
  --color-input-hover: #ffffff;
  --color-input-normal: #ffffff;
  --color-modal-default: #ffffff;
  --color-modal-neutral: #f6f6f7;
  --color-overlay-active-hover: #0a0f2914;
  --color-overlay-active-normal: #0a0f290a;
  --color-overlay-custom: #0a0f2914;
  --color-overlay-hover: #0a0f290a;
  --color-overlay-normal: #ffffff00;
  --color-surface-default: #ffffff;
  --color-surface-destructive: #fdf2f1;
  --color-surface-destructive-accent: #e6483d;
  --color-surface-destructive-subtle: #fce5e4;
  --color-surface-info: #f0f4fe;
  --color-surface-info-accent: #4677f5;
  --color-surface-info-subtle: #e3eafd;
  --color-surface-inverted: #0b0b0e;
  --color-surface-neutral: #f6f6f7;
  --color-surface-neutral-subtle: #e8e9ec;
  --color-surface-success: #edfdf4;
  --color-surface-success-accent: #26bd6c;
  --color-surface-success-subtle: #d1fae4;
  --color-surface-warning: #fef4ec;
  --color-surface-warning-accent: #f48e2f;
  --color-surface-warning-subtle: #fdead8;
  --color-toggle-active: #26bd6c;
  --color-toggle-active-disabled: #c3f8dc;
  --color-toggle-active-hover: #21a65e;
  --color-toggle-default: #babdc4;
  --color-toggle-disabled: #e8e9ec;
  --color-toggle-handle: #ffffff;
  --color-toggle-handle-disabled: #c7c9d0;
  --color-toggle-hover: #9ea2ac;
  --color-stroke-accent-blue: #93aff6;
  --color-stroke-accent-blue-accent: #4677f5;
  --color-stroke-accent-brand: #f43a3a7f;
  --color-stroke-accent-brand-accent: #f43a3a;
  --color-stroke-accent-green: #8ce8b6;
  --color-stroke-accent-green-accent: #26bd6c;
  --color-stroke-accent-orange: #f9c594;
  --color-stroke-accent-orange-accent: #f48e2f;
  --color-stroke-accent-red: #f5b2ad;
  --color-stroke-accent-red-accent: #e6483d;
  --color-stroke-action-destructive: #f7c3c0;
  --color-stroke-action-destructive-disabled: #e6483d33;
  --color-stroke-action-destructive-hover: #f5b2ad;
  --color-stroke-action-disabled: #e8e9ec;
  --color-stroke-action-focus: #f43a3a;
  --color-stroke-action-focus-destructive: #e6483d;
  --color-stroke-action-focus-destructive-light: #f08b85;
  --color-stroke-action-focus-light: #f43a3a99;
  --color-stroke-action-hover: #c7c9d0;
  --color-stroke-action-info: #b4c7f8;
  --color-stroke-action-info-hover: #93aff6;
  --color-stroke-action-normal: #dddfe2;
  --color-stroke-action-success: #9af4c3;
  --color-stroke-action-success-hover: #8ce8b6;
  --color-stroke-action-warning: #fad0a9;
  --color-stroke-action-warning-hover: #f9c594;
  --color-stroke-base-alpha: #0a0f2914;
  --color-stroke-base-alpha-white: #ffffff2d;
  --color-stroke-base-brand: #f43a3a66;
  --color-stroke-base-destructive: #f7c3c0;
  --color-stroke-base-divider: #e8e9ec;
  --color-stroke-base-info: #b4c7f8;
  --color-stroke-base-inverted: #14151a;
  --color-stroke-base-neutral: #dddfe2;
  --color-stroke-base-neutral-subtle: #c7c9d0;
  --color-stroke-base-success: #9af4c3;
  --color-stroke-base-surface: #ffffff;
  --color-stroke-base-surface-neutral: #f6f6f7;
  --color-stroke-base-warning: #fad0a9;
  --color-stroke-select-destructive: #e6483d;
  --color-stroke-select-destructive-secondary: #f7c3c0;
  --color-stroke-select-primary: #f43a3a;
  --color-stroke-select-secondary: #f43a3a66;
  --color-icon-accent-blue: #13399a;
  --color-icon-accent-blue-accent: #4677f5;
  --color-icon-accent-blue-inverted: #13399a;
  --color-icon-accent-blue-secondary: #3368f07f;
  --color-icon-accent-blue-tertiary: #3368f04c;
  --color-icon-accent-brand: #ab2929;
  --color-icon-accent-brand-accent: #f43a3a;
  --color-icon-accent-brand-inverted: #ab2929;
  --color-icon-accent-brand-secondary: #f43a3a7f;
  --color-icon-accent-brand-tertiary: #f43a3a4c;
  --color-icon-accent-green: #166e3e;
  --color-icon-accent-green-accent: #26bd6c;
  --color-icon-accent-green-inverted: #166e3e;
  --color-icon-accent-green-secondary: #26bd6c7f;
  --color-icon-accent-green-tertiary: #26bd6c4c;
  --color-icon-accent-orange: #ae5809;
  --color-icon-accent-orange-accent: #f48e2f;
  --color-icon-accent-orange-inverted: #ae5809;
  --color-icon-accent-orange-secondary: #f48e2f7f;
  --color-icon-accent-orange-tertiary: #f48e2f4c;
  --color-icon-accent-red: #9a1c13;
  --color-icon-accent-red-accent: #e6483d;
  --color-icon-accent-red-inverted: #9a1c13;
  --color-icon-accent-red-secondary: #e6483d7f;
  --color-icon-accent-red-tertiary: #e6483d4c;
  --color-icon-base-inverted: #ffffff;
  --color-icon-base-inverted-quaternary: #ffffff66;
  --color-icon-base-inverted-secondary: #ffffff99;
  --color-icon-base-inverted-tertiary: #ffffff75;
  --color-icon-base-primary: #141519;
  --color-icon-base-quaternary: #0a0f293f;
  --color-icon-base-secondary: #0f132499;
  --color-icon-base-static-dark: #141519;
  --color-icon-base-static-dark-quaternary: #0a0f293f;
  --color-icon-base-static-dark-secondary: #0f132499;
  --color-icon-base-static-dark-tertiary: #0d112666;
  --color-icon-base-static-white: #ffffff;
  --color-icon-base-static-white-quaternary: #ffffff51;
  --color-icon-base-static-white-secondary: #ffffff99;
  --color-icon-base-static-white-tertiary: #ffffff75;
  --color-icon-base-tertiary: #0d112666;
  --color-icon-status-destructive: #e6483d;
  --color-icon-status-destructive-secondary: #e6483db2;
  --color-icon-status-destructive-tertiary: #e6483d4c;
  --color-icon-status-info: #4677f5;
  --color-icon-status-info-secondary: #3368f099;
  --color-icon-status-info-tertiary: #3368f04c;
  --color-icon-status-success: #26bd6c;
  --color-icon-status-success-secondary: #26bd6c99;
  --color-icon-status-success-tertiary: #26bd6c4c;
  --color-icon-status-warning: #f48e2f;
  --color-icon-status-warning-secondary: #f48e2f99;
  --color-icon-status-warning-tertiary: #f48e2f4c;
  --color-brand-1: #f43a3a19;
  --color-brand-10: #c32e2e;
  --color-brand-10a: #f43a3acc;
  --color-brand-11: #ab2929;
  --color-brand-11a: #f43a3ae5;
  --color-brand-12: #922323;
  --color-brand-13: #7a1d1d;
  --color-brand-1a: #f43a3a19;
  --color-brand-2: #f43a3a33;
  --color-brand-2a: #f43a3a26;
  --color-brand-3: #f43a3a4c;
  --color-brand-3a: #f43a3a33;
  --color-brand-4: #f43a3a66;
  --color-brand-4a: #f43a3a3f;
  --color-brand-5: #f43a3a7f;
  --color-brand-5a: #f43a3a4c;
  --color-brand-6: #f43a3a99;
  --color-brand-6a: #f43a3a66;
  --color-brand-7: #f43a3ab2;
  --color-brand-7a: #f43a3a7f;
  --color-brand-8: #f43a3a;
  --color-brand-8a: #f43a3a99;
  --color-brand-9: #dc3434;
  --color-brand-9a: #f43a3ab2;
  --color-informative-1: #f0f4fe;
  --color-informative-10: #1a4ac7;
  --color-informative-10a: #3368f0cc;
  --color-informative-11: #13399a;
  --color-informative-11a: #3368f0e5;
  --color-informative-12: #062869;
  --color-informative-13: #03153a;
  --color-informative-1a: #3368f019;
  --color-informative-2: #e3eafd;
  --color-informative-2a: #3368f026;
  --color-informative-3: #ccd9fa;
  --color-informative-3a: #3368f033;
  --color-informative-4: #b4c7f8;
  --color-informative-4a: #3368f03f;
  --color-informative-5: #93aff6;
  --color-informative-5a: #3368f04c;
  --color-informative-6: #7196f4;
  --color-informative-6a: #3368f066;
  --color-informative-7: #5983f2;
  --color-informative-7a: #3368f07f;
  --color-informative-8: #4677f5;
  --color-informative-8a: #3368f099;
  --color-informative-9: #1d54e2;
  --color-informative-9a: #3368f0b2;
  --color-inverted-0: #14151a;
  --color-inverted-0a: #ffffff00;
  --color-inverted-1: #141519;
  --color-inverted-10: #c7c9d0;
  --color-inverted-10a: #ffffffb2;
  --color-inverted-11: #dddfe2;
  --color-inverted-11a: #ffffffcc;
  --color-inverted-12: #e8e9ec;
  --color-inverted-12a: #ffffffe5;
  --color-inverted-13: #f6f6f7;
  --color-inverted-13a: #fffffff2;
  --color-inverted-1a: #ffffff14;
  --color-inverted-2: #1f2127;
  --color-inverted-2a: #ffffff23;
  --color-inverted-3: #333333;
  --color-inverted-3a: #ffffff2d;
  --color-inverted-4: #464952;
  --color-inverted-4a: #ffffff3d;
  --color-inverted-5: #5d626e;
  --color-inverted-5a: #ffffff51;
  --color-inverted-6: #707684;
  --color-inverted-6a: #ffffff66;
  --color-inverted-7: #7e869a;
  --color-inverted-7a: #ffffff75;
  --color-inverted-8: #9ea2ac;
  --color-inverted-8a: #ffffff7f;
  --color-inverted-9: #babdc4;
  --color-inverted-9a: #ffffff99;
  --color-negative-1: #fdf2f1;
  --color-negative-10: #be2318;
  --color-negative-10a: #e6483dcc;
  --color-negative-11: #9a1c13;
  --color-negative-11a: #e6483de5;
  --color-negative-12: #64120d;
  --color-negative-13: #360a07;
  --color-negative-1a: #e6483d19;
  --color-negative-2: #fce5e4;
  --color-negative-2a: #e6483d26;
  --color-negative-3: #f9d4d2;
  --color-negative-3a: #e6483d33;
  --color-negative-4: #f7c3c0;
  --color-negative-4a: #e6483d3f;
  --color-negative-5: #f5b2ad;
  --color-negative-5a: #e6483d4c;
  --color-negative-6: #f08b85;
  --color-negative-6a: #e6483d66;
  --color-negative-7: #eb6960;
  --color-negative-7a: #e6483d7f;
  --color-negative-8: #e6483d;
  --color-negative-8a: #e6483d99;
  --color-negative-9: #d9281c;
  --color-negative-9a: #e6483db2;
  --color-neutral-0: #ffffff;
  --color-neutral-0a: #ffffff00;
  --color-neutral-1: #f6f6f7;
  --color-neutral-10: #464952;
  --color-neutral-10a: #0f1324b2;
  --color-neutral-11: #333333;
  --color-neutral-11a: #0f1324cc;
  --color-neutral-12: #1f2127;
  --color-neutral-12a: #0f1324e5;
  --color-neutral-13: #141519;
  --color-neutral-13a: #0f1324f2;
  --color-neutral-1a: #0a0f290a;
  --color-neutral-2: #e8e9ec;
  --color-neutral-2a: #0a0f2914;
  --color-neutral-3: #dddfe2;
  --color-neutral-3a: #0a0f2923;
  --color-neutral-4: #c7c9d0;
  --color-neutral-4a: #0a0f2933;
  --color-neutral-5: #babdc4;
  --color-neutral-5a: #0a0f293f;
  --color-neutral-6: #9ea2ac;
  --color-neutral-6a: #0a0f294c;
  --color-neutral-7: #7e869a;
  --color-neutral-7a: #0d112666;
  --color-neutral-8: #707684;
  --color-neutral-8a: #0f13247f;
  --color-neutral-9: #5d626e;
  --color-neutral-9a: #0f132499;
  --color-positive-1: #edfdf4;
  --color-positive-10: #1d9052;
  --color-positive-10a: #26bd6ccc;
  --color-positive-11: #166e3e;
  --color-positive-11a: #26bd6ce5;
  --color-positive-12: #0f4c2c;
  --color-positive-13: #072213;
  --color-positive-1a: #26bd6c19;
  --color-positive-2: #d1fae4;
  --color-positive-2a: #26bd6c26;
  --color-positive-3: #c3f8dc;
  --color-positive-3a: #26bd6c33;
  --color-positive-4: #9af4c3;
  --color-positive-4a: #26bd6c3f;
  --color-positive-5: #8ce8b6;
  --color-positive-5a: #26bd6c4c;
  --color-positive-6: #6ae1a1;
  --color-positive-6a: #26bd6c66;
  --color-positive-7: #40d986;
  --color-positive-7a: #26bd6c7f;
  --color-positive-8: #26bd6c;
  --color-positive-8a: #26bd6c99;
  --color-positive-9: #21a65e;
  --color-positive-9a: #26bd6cb2;
  --color-warning-1: #fef4ec;
  --color-warning-10: #d56c0b;
  --color-warning-10a: #f48e2fcc;
  --color-warning-11: #ae5809;
  --color-warning-11a: #f48e2fe5;
  --color-warning-12: #613105;
  --color-warning-13: #301903;
  --color-warning-1a: #f48e2f19;
  --color-warning-2: #fdead8;
  --color-warning-2a: #f48e2f26;
  --color-warning-3: #fcddc0;
  --color-warning-3a: #f48e2f33;
  --color-warning-4: #fad0a9;
  --color-warning-4a: #f48e2f3f;
  --color-warning-5: #f9c594;
  --color-warning-5a: #f48e2f4c;
  --color-warning-6: #f8b577;
  --color-warning-6a: #f48e2f66;
  --color-warning-7: #f6a355;
  --color-warning-7a: #f48e2f7f;
  --color-warning-8: #f48e2f;
  --color-warning-8a: #f48e2f99;
  --color-warning-9: #e9760c;
  --color-warning-9a: #f48e2fb2;
  --color-fg-accent-blue: #13399a;
  --color-fg-accent-blue-accent: #4677f5;
  --color-fg-accent-blue-inverted: #13399a;
  --color-fg-accent-blue-secondary: #3368f07f;
  --color-fg-accent-blue-tertiary: #3368f04c;
  --color-fg-accent-brand: #ab2929;
  --color-fg-accent-brand-accent: #f43a3a;
  --color-fg-accent-brand-inverted: #ab2929;
  --color-fg-accent-brand-secondary: #f43a3a7f;
  --color-fg-accent-brand-tertiary: #f43a3a4c;
  --color-fg-accent-green: #166e3e;
  --color-fg-accent-green-accent: #26bd6c;
  --color-fg-accent-green-inverted: #166e3e;
  --color-fg-accent-green-secondary: #26bd6c7f;
  --color-fg-accent-green-tertiary: #26bd6c4c;
  --color-fg-accent-orange: #ae5809;
  --color-fg-accent-orange-accent: #f48e2f;
  --color-fg-accent-orange-inverted: #ae5809;
  --color-fg-accent-orange-secondary: #f48e2f7f;
  --color-fg-accent-orange-tertiary: #f48e2f4c;
  --color-fg-accent-red: #9a1c13;
  --color-fg-accent-red-accent: #e6483d;
  --color-fg-accent-red-inverted: #9a1c13;
  --color-fg-accent-red-secondary: #e6483d7f;
  --color-fg-accent-red-tertiary: #e6483d4c;
  --color-fg-base-inverted: #ffffff;
  --color-fg-base-inverted-quaternary: #ffffff66;
  --color-fg-base-inverted-secondary: #ffffff99;
  --color-fg-base-inverted-tertiary: #ffffff75;
  --color-fg-base-primary: #141519;
  --color-fg-base-quaternary: #0a0f293f;
  --color-fg-base-secondary: #0f132499;
  --color-fg-base-static-dark: #141519;
  --color-fg-base-static-dark-quaternary: #0a0f293f;
  --color-fg-base-static-dark-secondary: #0f132499;
  --color-fg-base-static-dark-tertiary: #0d112666;
  --color-fg-base-static-white: #ffffff;
  --color-fg-base-static-white-quaternary: #ffffff51;
  --color-fg-base-static-white-secondary: #ffffff99;
  --color-fg-base-static-white-tertiary: #ffffff75;
  --color-fg-base-tertiary: #0d112666;
  --color-fg-status-destructive: #e6483d;
  --color-fg-status-destructive-secondary: #e6483db2;
  --color-fg-status-destructive-tertiary: #e6483d4c;
  --color-fg-status-info: #4677f5;
  --color-fg-status-info-secondary: #3368f099;
  --color-fg-status-info-tertiary: #3368f04c;
  --color-fg-status-success: #26bd6c;
  --color-fg-status-success-secondary: #26bd6c99;
  --color-fg-status-success-tertiary: #26bd6c4c;
  --color-fg-status-warning: #f48e2f;
  --color-fg-status-warning-secondary: #f48e2f99;
  --color-fg-status-warning-tertiary: #f48e2f4c;
}

.dark-mode .tailwind-styles {
  --color-accent-blue: #03153a;
  --color-accent-blue-accent: #1d54e2;
  --color-accent-blue-subtle: #062869;
  --color-accent-brand: #7a1d1d;
  --color-accent-brand-accent: #dc3434;
  --color-accent-brand-subtle: #922323;
  --color-accent-gray: #141519;
  --color-accent-gray-accent: #5d626e;
  --color-accent-gray-bold: #14151a;
  --color-accent-gray-subtle: #1f2127;
  --color-accent-green: #072213;
  --color-accent-green-accent: #21a65e;
  --color-accent-green-subtle: #0f4c2c;
  --color-accent-orange: #301903;
  --color-accent-orange-accent: #e9760c;
  --color-accent-orange-subtle: #613105;
  --color-accent-red: #360a07;
  --color-accent-red-accent: #d9281c;
  --color-accent-red-subtle: #64120d;
  --color-badge-blue: #3368f04c;
  --color-badge-blue-accent: #4677f5;
  --color-badge-blue-disabled: #3368f033;
  --color-badge-brand: #f43a3a4c;
  --color-badge-brand-accent: #f43a3a;
  --color-badge-brand-dsiabled: #f43a3a33;
  --color-badge-gray: #ffffff2d;
  --color-badge-gray-accent: #7e869a;
  --color-badge-gray-disabled: #ffffff23;
  --color-badge-green: #26bd6c4c;
  --color-badge-green-accent: #26bd6c;
  --color-badge-green-disabled: #26bd6c33;
  --color-badge-orange: #f48e2f3f;
  --color-badge-orange-accent: #f48e2f;
  --color-badge-orange-disabled: #f48e2f33;
  --color-badge-red: #e6483d4c;
  --color-badge-red-accent: #e6483d;
  --color-badge-red-disabled: #e6483d33;
  --color-badge-surface: #0b0b0e;
  --color-badge-white: #0b0b0e;
  --color-badge-white-disabled: #141519;
  --color-button-destructive: #e6483d;
  --color-button-destructive-disabled: #e6483d26;
  --color-button-destructive-ghost: #ffffff00;
  --color-button-destructive-ghost-disabled: #ffffff00;
  --color-button-destructive-ghost-hover: #ffffff14;
  --color-button-destructive-hover: #d9281c;
  --color-button-destructive-secondary: #0b0b0e;
  --color-button-destructive-secondary-disabled: #0b0b0e;
  --color-button-destructive-secondary-hover: #141519;
  --color-button-destructive-tertiary: #ffffff14;
  --color-button-destructive-tertiary-disabled: #ffffff14;
  --color-button-destructive-tertiary-hover: #ffffff23;
  --color-button-ghost: #ffffff00;
  --color-button-ghost-disabled: #ffffff00;
  --color-button-ghost-hover: #ffffff23;
  --color-button-primary: #ffffff;
  --color-button-primary-disabled: #ffffff23;
  --color-button-primary-hover: #e8e9ec;
  --color-button-secondary: #141519;
  --color-button-secondary-disabled: #141519;
  --color-button-secondary-hover: #1f2127;
  --color-button-tertiary: #ffffff14;
  --color-button-tertiary-disabled: #ffffff14;
  --color-button-tertiary-hover: #ffffff23;
  --color-checkbox-checked: #f43a3a;
  --color-checkbox-default: #0b0b0e;
  --color-checkbox-disabled: #1f2127;
  --color-chip-primary: #0b0b0e;
  --color-chip-primary-active: #141519;
  --color-chip-primary-disabled: #0b0b0e;
  --color-chip-primary-hover: #1f2127;
  --color-chip-secondary: #0a0f290a;
  --color-chip-secondary-active: #0a0f290a;
  --color-chip-secondary-disabled: #0a0f290a;
  --color-chip-secondary-hover: #0a0f2914;
  --color-input-disabled: #0b0b0e;
  --color-input-focus: #0b0b0e;
  --color-input-hover: #0b0b0e;
  --color-input-normal: #0b0b0e;
  --color-modal-default: #0b0b0e;
  --color-modal-neutral: #141519;
  --color-overlay-active-hover: #0a0f2914;
  --color-overlay-active-normal: #0a0f290a;
  --color-overlay-custom: #0a0f290a;
  --color-overlay-hover: #0a0f290a;
  --color-overlay-normal: #ffffff00;
  --color-surface-default: #0b0b0e;
  --color-surface-destructive: #360a07;
  --color-surface-destructive-accent: #e6483d;
  --color-surface-destructive-subtle: #64120d;
  --color-surface-info: #03153a;
  --color-surface-info-accent: #4677f5;
  --color-surface-info-subtle: #062869;
  --color-surface-inverted: #ffffff;
  --color-surface-neutral: #141519;
  --color-surface-neutral-subtle: #1f2127;
  --color-surface-success: #072213;
  --color-surface-success-accent: #26bd6c;
  --color-surface-success-subtle: #0f4c2c;
  --color-surface-warning: #301903;
  --color-surface-warning-accent: #f48e2f;
  --color-surface-warning-subtle: #613105;
  --color-toggle-active: #26bd6c;
  --color-toggle-active-disabled: #166e3e;
  --color-toggle-active-hover: #21a65e;
  --color-toggle-default: #babdc4;
  --color-toggle-disabled: #e8e9ec;
  --color-toggle-handle: #14151a;
  --color-toggle-handle-disabled: #c7c9d0;
  --color-toggle-hover: #9ea2ac;
  --color-stroke-accent-blue: #3368f04c;
  --color-stroke-accent-blue-accent: #4677f5;
  --color-stroke-accent-brand: #f43a3a4c;
  --color-stroke-accent-brand-accent: #f43a3a;
  --color-stroke-accent-green: #26bd6c4c;
  --color-stroke-accent-green-accent: #26bd6c;
  --color-stroke-accent-orange: #f48e2f4c;
  --color-stroke-accent-orange-accent: #f48e2f;
  --color-stroke-accent-red: #e6483d4c;
  --color-stroke-accent-red-accent: #e6483d;
  --color-stroke-action-destructive: #e6483d3f;
  --color-stroke-action-destructive-disabled: #e6483d33;
  --color-stroke-action-destructive-hover: #e6483d4c;
  --color-stroke-action-disabled: #0a0f2914;
  --color-stroke-action-focus: #f43a3a;
  --color-stroke-action-focus-destructive: #e6483d;
  --color-stroke-action-focus-destructive-light: #f08b85;
  --color-stroke-action-focus-light: #f43a3a99;
  --color-stroke-action-hover: #0a0f2933;
  --color-stroke-action-info: #3368f03f;
  --color-stroke-action-info-hover: #3368f04c;
  --color-stroke-action-normal: #0a0f2923;
  --color-stroke-action-success: #26bd6c3f;
  --color-stroke-action-success-hover: #26bd6c4c;
  --color-stroke-action-warning: #f48e2f3f;
  --color-stroke-action-warning-hover: #f48e2f4c;
  --color-stroke-base-alpha: #0a0f2914;
  --color-stroke-base-alpha-white: #ffffff2d;
  --color-stroke-base-brand: #f43a3a3f;
  --color-stroke-base-destructive: #e6483d3f;
  --color-stroke-base-divider: #ffffff23;
  --color-stroke-base-info: #3368f03f;
  --color-stroke-base-inverted: #14151a;
  --color-stroke-base-neutral: #ffffff2d;
  --color-stroke-base-neutral-subtle: #ffffff3d;
  --color-stroke-base-success: #26bd6c3f;
  --color-stroke-base-surface: #ffffff;
  --color-stroke-base-surface-neutral: #f6f6f7;
  --color-stroke-base-warning: #f48e2f3f;
  --color-stroke-select-destructive: #e6483d;
  --color-stroke-select-destructive-secondary: #e6483d3f;
  --color-stroke-select-primary: #f43a3a;
  --color-stroke-select-secondary: #f43a3a3f;
  --color-icon-accent-blue: #1d54e2;
  --color-icon-accent-blue-accent: #4677f5;
  --color-icon-accent-blue-inverted: #ffffff;
  --color-icon-accent-blue-secondary: #ffffff7f;
  --color-icon-accent-blue-tertiary: #ffffff51;
  --color-icon-accent-brand: #dc3434;
  --color-icon-accent-brand-accent: #f43a3a;
  --color-icon-accent-brand-inverted: #ffffff;
  --color-icon-accent-brand-secondary: #ffffff7f;
  --color-icon-accent-brand-tertiary: #ffffff51;
  --color-icon-accent-green: #21a65e;
  --color-icon-accent-green-accent: #26bd6c;
  --color-icon-accent-green-inverted: #ffffff;
  --color-icon-accent-green-secondary: #ffffff7f;
  --color-icon-accent-green-tertiary: #ffffff51;
  --color-icon-accent-orange: #e9760c;
  --color-icon-accent-orange-accent: #f48e2f;
  --color-icon-accent-orange-inverted: #ffffff;
  --color-icon-accent-orange-secondary: #ffffff7f;
  --color-icon-accent-orange-tertiary: #ffffff51;
  --color-icon-accent-red: #d9281c;
  --color-icon-accent-red-accent: #e6483d;
  --color-icon-accent-red-inverted: #ffffff;
  --color-icon-accent-red-secondary: #ffffff7f;
  --color-icon-accent-red-tertiary: #ffffff51;
  --color-icon-base-inverted: #ffffff;
  --color-icon-base-inverted-quaternary: #ffffff51;
  --color-icon-base-inverted-secondary: #ffffff99;
  --color-icon-base-inverted-tertiary: #ffffff75;
  --color-icon-base-primary: #f6f6f7;
  --color-icon-base-quaternary: #ffffff51;
  --color-icon-base-secondary: #ffffff99;
  --color-icon-base-static-dark: #141519;
  --color-icon-base-static-dark-quaternary: #0a0f293f;
  --color-icon-base-static-dark-secondary: #0f132499;
  --color-icon-base-static-dark-tertiary: #0d112666;
  --color-icon-base-static-white: #ffffff;
  --color-icon-base-static-white-quaternary: #ffffff51;
  --color-icon-base-static-white-secondary: #ffffff99;
  --color-icon-base-static-white-tertiary: #ffffff75;
  --color-icon-base-tertiary: #ffffff75;
  --color-icon-status-destructive: #e6483d;
  --color-icon-status-destructive-secondary: #e6483db2;
  --color-icon-status-destructive-tertiary: #e6483d66;
  --color-icon-status-info: #4677f5;
  --color-icon-status-info-secondary: #3368f099;
  --color-icon-status-info-tertiary: #3368f04c;
  --color-icon-status-success: #26bd6c;
  --color-icon-status-success-secondary: #26bd6c99;
  --color-icon-status-success-tertiary: #26bd6c4c;
  --color-icon-status-warning: #f48e2f;
  --color-icon-status-warning-secondary: #f48e2f99;
  --color-icon-status-warning-tertiary: #f48e2f4c;
  --color-brand-1: #f43a3a19;
  --color-brand-10: #c32e2e;
  --color-brand-10a: #f43a3acc;
  --color-brand-11: #ab2929;
  --color-brand-11a: #f43a3ae5;
  --color-brand-12: #922323;
  --color-brand-13: #7a1d1d;
  --color-brand-1a: #f43a3a19;
  --color-brand-2: #f43a3a33;
  --color-brand-2a: #f43a3a26;
  --color-brand-3: #f43a3a4c;
  --color-brand-3a: #f43a3a33;
  --color-brand-4: #f43a3a66;
  --color-brand-4a: #f43a3a3f;
  --color-brand-5: #f43a3a7f;
  --color-brand-5a: #f43a3a4c;
  --color-brand-6: #f43a3a99;
  --color-brand-6a: #f43a3a66;
  --color-brand-7: #f43a3ab2;
  --color-brand-7a: #f43a3a7f;
  --color-brand-8: #f43a3a;
  --color-brand-8a: #f43a3a99;
  --color-brand-9: #dc3434;
  --color-brand-9a: #f43a3ab2;
  --color-informative-1: #f0f4fe;
  --color-informative-10: #1a4ac7;
  --color-informative-10a: #3368f0cc;
  --color-informative-11: #13399a;
  --color-informative-11a: #3368f0e5;
  --color-informative-12: #062869;
  --color-informative-13: #03153a;
  --color-informative-1a: #3368f019;
  --color-informative-2: #e3eafd;
  --color-informative-2a: #3368f026;
  --color-informative-3: #ccd9fa;
  --color-informative-3a: #3368f033;
  --color-informative-4: #b4c7f8;
  --color-informative-4a: #3368f03f;
  --color-informative-5: #93aff6;
  --color-informative-5a: #3368f04c;
  --color-informative-6: #7196f4;
  --color-informative-6a: #3368f066;
  --color-informative-7: #5983f2;
  --color-informative-7a: #3368f07f;
  --color-informative-8: #4677f5;
  --color-informative-8a: #3368f099;
  --color-informative-9: #1d54e2;
  --color-informative-9a: #3368f0b2;
  --color-inverted-0: #ffffff;
  --color-inverted-0a: #ffffff00;
  --color-inverted-1: #f6f6f7;
  --color-inverted-10: #464952;
  --color-inverted-10a: #0f1324b2;
  --color-inverted-11: #333333;
  --color-inverted-11a: #0f1324cc;
  --color-inverted-12: #1f2127;
  --color-inverted-12a: #0f1324e5;
  --color-inverted-13: #141519;
  --color-inverted-13a: #0f1324f2;
  --color-inverted-1a: #0a0f290a;
  --color-inverted-2: #e8e9ec;
  --color-inverted-2a: #0a0f2914;
  --color-inverted-3: #dddfe2;
  --color-inverted-3a: #0a0f2923;
  --color-inverted-4: #c7c9d0;
  --color-inverted-4a: #0a0f2933;
  --color-inverted-5: #babdc4;
  --color-inverted-5a: #0a0f293f;
  --color-inverted-6: #9ea2ac;
  --color-inverted-6a: #0a0f294c;
  --color-inverted-7: #7e869a;
  --color-inverted-7a: #0d112666;
  --color-inverted-8: #707684;
  --color-inverted-8a: #0f13247f;
  --color-inverted-9: #5d626e;
  --color-inverted-9a: #0f132499;
  --color-negative-1: #fdf2f1;
  --color-negative-10: #be2318;
  --color-negative-10a: #e6483dcc;
  --color-negative-11: #9a1c13;
  --color-negative-11a: #e6483de5;
  --color-negative-12: #64120d;
  --color-negative-13: #360a07;
  --color-negative-1a: #e6483d19;
  --color-negative-2: #fce5e4;
  --color-negative-2a: #e6483d26;
  --color-negative-3: #f9d4d2;
  --color-negative-3a: #e6483d33;
  --color-negative-4: #f7c3c0;
  --color-negative-4a: #e6483d3f;
  --color-negative-5: #f5b2ad;
  --color-negative-5a: #e6483d4c;
  --color-negative-6: #f08b85;
  --color-negative-6a: #e6483d66;
  --color-negative-7: #eb6960;
  --color-negative-7a: #e6483d7f;
  --color-negative-8: #e6483d;
  --color-negative-8a: #e6483d99;
  --color-negative-9: #d9281c;
  --color-negative-9a: #e6483db2;
  --color-neutral-0: #14151a;
  --color-neutral-0a: #ffffff00;
  --color-neutral-1: #141519;
  --color-neutral-10: #c7c9d0;
  --color-neutral-10a: #ffffffb2;
  --color-neutral-11: #dddfe2;
  --color-neutral-11a: #ffffffcc;
  --color-neutral-12: #e8e9ec;
  --color-neutral-12a: #ffffffe5;
  --color-neutral-13: #f6f6f7;
  --color-neutral-13a: #fffffff2;
  --color-neutral-1a: #ffffff14;
  --color-neutral-2: #1f2127;
  --color-neutral-2a: #ffffff23;
  --color-neutral-3: #333333;
  --color-neutral-3a: #ffffff2d;
  --color-neutral-4: #464952;
  --color-neutral-4a: #ffffff3d;
  --color-neutral-5: #5d626e;
  --color-neutral-5a: #ffffff51;
  --color-neutral-6: #707684;
  --color-neutral-6a: #ffffff66;
  --color-neutral-7: #7e869a;
  --color-neutral-7a: #ffffff75;
  --color-neutral-8: #9ea2ac;
  --color-neutral-8a: #ffffff7f;
  --color-neutral-9: #babdc4;
  --color-neutral-9a: #ffffff99;
  --color-positive-1: #edfdf4;
  --color-positive-10: #1d9052;
  --color-positive-10a: #26bd6ccc;
  --color-positive-11: #166e3e;
  --color-positive-11a: #26bd6ce5;
  --color-positive-12: #0f4c2c;
  --color-positive-13: #072213;
  --color-positive-1a: #26bd6c19;
  --color-positive-2: #d1fae4;
  --color-positive-2a: #26bd6c26;
  --color-positive-3: #c3f8dc;
  --color-positive-3a: #26bd6c33;
  --color-positive-4: #9af4c3;
  --color-positive-4a: #26bd6c3f;
  --color-positive-5: #8ce8b6;
  --color-positive-5a: #26bd6c4c;
  --color-positive-6: #6ae1a1;
  --color-positive-6a: #26bd6c66;
  --color-positive-7: #40d986;
  --color-positive-7a: #26bd6c7f;
  --color-positive-8: #26bd6c;
  --color-positive-8a: #26bd6c99;
  --color-positive-9: #21a65e;
  --color-positive-9a: #26bd6cb2;
  --color-warning-1: #fef4ec;
  --color-warning-10: #d56c0b;
  --color-warning-10a: #f48e2fcc;
  --color-warning-11: #ae5809;
  --color-warning-11a: #f48e2fe5;
  --color-warning-12: #613105;
  --color-warning-13: #301903;
  --color-warning-1a: #f48e2f19;
  --color-warning-2: #fdead8;
  --color-warning-2a: #f48e2f26;
  --color-warning-3: #fcddc0;
  --color-warning-3a: #f48e2f33;
  --color-warning-4: #fad0a9;
  --color-warning-4a: #f48e2f3f;
  --color-warning-5: #f9c594;
  --color-warning-5a: #f48e2f4c;
  --color-warning-6: #f8b577;
  --color-warning-6a: #f48e2f66;
  --color-warning-7: #f6a355;
  --color-warning-7a: #f48e2f7f;
  --color-warning-8: #f48e2f;
  --color-warning-8a: #f48e2f99;
  --color-warning-9: #e9760c;
  --color-warning-9a: #f48e2fb2;
  --color-fg-accent-blue: #1d54e2;
  --color-fg-accent-blue-accent: #4677f5;
  --color-fg-accent-blue-inverted: #ffffff;
  --color-fg-accent-blue-secondary: #ffffff7f;
  --color-fg-accent-blue-tertiary: #ffffff51;
  --color-fg-accent-brand: #dc3434;
  --color-fg-accent-brand-accent: #f43a3a;
  --color-fg-accent-brand-inverted: #ffffff;
  --color-fg-accent-brand-secondary: #ffffff7f;
  --color-fg-accent-brand-tertiary: #ffffff51;
  --color-fg-accent-green: #21a65e;
  --color-fg-accent-green-accent: #26bd6c;
  --color-fg-accent-green-inverted: #ffffff;
  --color-fg-accent-green-secondary: #ffffff7f;
  --color-fg-accent-green-tertiary: #ffffff51;
  --color-fg-accent-orange: #e9760c;
  --color-fg-accent-orange-accent: #f48e2f;
  --color-fg-accent-orange-inverted: #ffffff;
  --color-fg-accent-orange-secondary: #ffffff7f;
  --color-fg-accent-orange-tertiary: #ffffff51;
  --color-fg-accent-red: #d9281c;
  --color-fg-accent-red-accent: #e6483d;
  --color-fg-accent-red-inverted: #ffffff;
  --color-fg-accent-red-secondary: #ffffff7f;
  --color-fg-accent-red-tertiary: #ffffff51;
  --color-fg-base-inverted: #141519;
  --color-fg-base-inverted-quaternary: #ffffff51;
  --color-fg-base-inverted-secondary: #ffffff99;
  --color-fg-base-inverted-tertiary: #ffffff75;
  --color-fg-base-primary: #f6f6f7;
  --color-fg-base-quaternary: #ffffff51;
  --color-fg-base-secondary: #ffffff99;
  --color-fg-base-static-dark: #141519;
  --color-fg-base-static-dark-quaternary: #0a0f293f;
  --color-fg-base-static-dark-secondary: #0f132499;
  --color-fg-base-static-dark-tertiary: #0d112666;
  --color-fg-base-static-white: #ffffff;
  --color-fg-base-static-white-quaternary: #ffffff51;
  --color-fg-base-static-white-secondary: #ffffff99;
  --color-fg-base-static-white-tertiary: #ffffff75;
  --color-fg-base-tertiary: #ffffff75;
  --color-fg-status-destructive: #e6483d;
  --color-fg-status-destructive-secondary: #e6483db2;
  --color-fg-status-destructive-tertiary: #e6483d66;
  --color-fg-status-info: #4677f5;
  --color-fg-status-info-secondary: #3368f099;
  --color-fg-status-info-tertiary: #3368f04c;
  --color-fg-status-success: #26bd6c;
  --color-fg-status-success-secondary: #26bd6c99;
  --color-fg-status-success-tertiary: #26bd6c4c;
  --color-fg-status-warning: #f48e2f;
  --color-fg-status-warning-secondary: #f48e2f99;
  --color-fg-status-warning-tertiary: #f48e2f4c;
}