@tailwind base;
@tailwind components;
@tailwind utilities;


/**
 * Desktop Mode Tokens
 */
:root {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 2px;
  --sizes-spacing-sp-4: 4px;
  --sizes-spacing-sp-6: 6px;
  --sizes-spacing-sp-8: 8px;
  --sizes-spacing-sp-12: 12px;
  --sizes-spacing-sp-16: 16px;
  --sizes-spacing-sp-20: 20px;
  --sizes-spacing-sp-24: 24px;
  --sizes-spacing-sp-32: 32px;
  --sizes-spacing-sp-40: 40px;
  --sizes-spacing-sp-48: 48px;
  --sizes-spacing-sp-52: 52px;
  --sizes-spacing-sp-64: 64px;
  --sizes-spacing-sp-80: 80px;
  --sizes-spacing-sp-120: 120px;
  --sizes-spacing-sp-160: 160px;
  --sizes-spacing-sp-200: 200px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 4px;
  --sizes-radius-rd-6: 6px;
  --sizes-radius-rd-8: 8px;
  --sizes-radius-rd-12: 12px;
  --sizes-radius-rd-16: 16px;
  --sizes-radius-rd-24: 24px;
  --sizes-radius-rd-32: 32px;
  --sizes-radius-rd-40: 40px;
  --sizes-radius-rd-200: 200px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 2px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 24;
  --sizes-icon-size-is-28: 28;
  --sizes-icon-size-is-32: 32;
  --sizes-breakpoints-pb-standard: 1440;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #fbfbfb;
  --color-extra-low-dark: rgba(15, 23, 42, 0.5);
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 14px;
  --fonts-font-size-16: 16px;
  --fonts-font-size-18: 18px;
  --fonts-font-size-20: 20px;
  --fonts-font-size-24: 24px;
  --fonts-font-size-32: 32px;
  --fonts-font-size-48: 48px;
  --fonts-font-size-56: 56px;
  --fonts-font-size-72: 72px;
  --fonts-font-weight-light: light;
  --fonts-font-weight-regular: regular;
  --fonts-font-weight-medium: medium;
  --fonts-font-weight-semibold: semibold;
  --fonts-font-weight-bold: bold;
  --fonts-font-weight-extrabold: extrabold;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

/**
 * Mobile Mode Tokens
 */
[data-mode="Mobile"] {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 1px;
  --sizes-spacing-sp-4: 2px;
  --sizes-spacing-sp-6: 2px;
  --sizes-spacing-sp-8: 4px;
  --sizes-spacing-sp-12: 6px;
  --sizes-spacing-sp-16: 8px;
  --sizes-spacing-sp-20: 8px;
  --sizes-spacing-sp-24: 12px;
  --sizes-spacing-sp-32: 16px;
  --sizes-spacing-sp-40: 24px;
  --sizes-spacing-sp-48: 32px;
  --sizes-spacing-sp-52: 40px;
  --sizes-spacing-sp-64: 48px;
  --sizes-spacing-sp-80: 20px;
  --sizes-spacing-sp-120: 52px;
  --sizes-spacing-sp-160: 64px;
  --sizes-spacing-sp-200: 80px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 2px;
  --sizes-radius-rd-6: 4px;
  --sizes-radius-rd-8: 4px;
  --sizes-radius-rd-12: 6px;
  --sizes-radius-rd-16: 8px;
  --sizes-radius-rd-24: 16px;
  --sizes-radius-rd-32: 20px;
  --sizes-radius-rd-40: 24px;
  --sizes-radius-rd-200: 80px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 1px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 20;
  --sizes-icon-size-is-28: 24;
  --sizes-icon-size-is-32: 28;
  --sizes-breakpoints-pb-standard: 375;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #ffffff;
  --color-extra-low-dark: #ffffff;
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 12px;
  --fonts-font-size-16: 14px;
  --fonts-font-size-18: 16px;
  --fonts-font-size-20: 18px;
  --fonts-font-size-24: 20px;
  --fonts-font-size-32: 24px;
  --fonts-font-size-48: 32px;
  --fonts-font-size-56: 48px;
  --fonts-font-size-72: 56px;
  --fonts-font-weight-light: light;
  --fonts-font-weight-regular: regular;
  --fonts-font-weight-medium: medium;
  --fonts-font-weight-semibold: semibold;
  --fonts-font-weight-bold: bold;
  --fonts-font-weight-extrabold: extrabold;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

/**
 * Tablet Mode Tokens
 */
[data-mode="Tablet"] {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 2px;
  --sizes-spacing-sp-4: 4px;
  --sizes-spacing-sp-6: 4px;
  --sizes-spacing-sp-8: 6px;
  --sizes-spacing-sp-12: 8px;
  --sizes-spacing-sp-16: 12px;
  --sizes-spacing-sp-20: 12px;
  --sizes-spacing-sp-24: 16px;
  --sizes-spacing-sp-32: 24px;
  --sizes-spacing-sp-40: 32px;
  --sizes-spacing-sp-48: 40px;
  --sizes-spacing-sp-52: 48px;
  --sizes-spacing-sp-64: 52px;
  --sizes-spacing-sp-80: 64px;
  --sizes-spacing-sp-120: 80px;
  --sizes-spacing-sp-160: 120px;
  --sizes-spacing-sp-200: 160px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 4px;
  --sizes-radius-rd-6: 4px;
  --sizes-radius-rd-8: 6px;
  --sizes-radius-rd-12: 8px;
  --sizes-radius-rd-16: 12px;
  --sizes-radius-rd-24: 20px;
  --sizes-radius-rd-32: 24px;
  --sizes-radius-rd-40: 32px;
  --sizes-radius-rd-200: 120px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 2px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 24;
  --sizes-icon-size-is-28: 28;
  --sizes-icon-size-is-32: 32;
  --sizes-breakpoints-pb-standard: 768;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #ffffff;
  --color-extra-low-dark: #ffffff;
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 14px;
  --fonts-font-size-16: 16px;
  --fonts-font-size-18: 16px;
  --fonts-font-size-20: 18px;
  --fonts-font-size-24: 22px;
  --fonts-font-size-32: 28px;
  --fonts-font-size-48: 40px;
  --fonts-font-size-56: 52px;
  --fonts-font-size-72: 64px;
  --fonts-font-weight-light: light;
  --fonts-font-weight-regular: regular;
  --fonts-font-weight-medium: medium;
  --fonts-font-weight-semibold: semibold;
  --fonts-font-weight-bold: bold;
  --fonts-font-weight-extrabold: extrabold;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

/* Base styles */

/**
 * Design Token CSS Variables
 * Auto-generated from design tokens
 * 
 * DO NOT EDIT THIS SECTION MANUALLY
 * Generated: 2025-11-17T01:31:56.241Z
 * Modes: Desktop, Mobile, Tablet
 */
/**
 * Desktop Mode Tokens
 */
:root {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 2px;
  --sizes-spacing-sp-4: 4px;
  --sizes-spacing-sp-6: 6px;
  --sizes-spacing-sp-8: 8px;
  --sizes-spacing-sp-12: 12px;
  --sizes-spacing-sp-16: 16px;
  --sizes-spacing-sp-20: 20px;
  --sizes-spacing-sp-24: 24px;
  --sizes-spacing-sp-32: 32px;
  --sizes-spacing-sp-40: 40px;
  --sizes-spacing-sp-48: 48px;
  --sizes-spacing-sp-52: 52px;
  --sizes-spacing-sp-64: 64px;
  --sizes-spacing-sp-80: 80px;
  --sizes-spacing-sp-120: 120px;
  --sizes-spacing-sp-160: 160px;
  --sizes-spacing-sp-200: 200px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 4px;
  --sizes-radius-rd-6: 6px;
  --sizes-radius-rd-8: 8px;
  --sizes-radius-rd-12: 12px;
  --sizes-radius-rd-16: 16px;
  --sizes-radius-rd-24: 24px;
  --sizes-radius-rd-32: 32px;
  --sizes-radius-rd-40: 40px;
  --sizes-radius-rd-200: 200px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 2px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 24;
  --sizes-icon-size-is-28: 28;
  --sizes-icon-size-is-32: 32;
  --sizes-breakpoints-pb-standard: 1440;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #fbfbfb;
  --color-extra-low-dark: rgba(15, 23, 42, 0.5);
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 14px;
  --fonts-font-size-16: 16px;
  --fonts-font-size-18: 18px;
  --fonts-font-size-20: 20px;
  --fonts-font-size-24: 24px;
  --fonts-font-size-32: 32px;
  --fonts-font-size-48: 48px;
  --fonts-font-size-56: 56px;
  --fonts-font-size-72: 72px;
  --fonts-font-weight-light: 300;
  --fonts-font-weight-regular: 400;
  --fonts-font-weight-medium: 500;
  --fonts-font-weight-semibold: 600;
  --fonts-font-weight-bold: 700;
  --fonts-font-weight-extrabold: 800;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

/**
 * Mobile Mode Tokens
 */
[data-mode="Mobile"] {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 1px;
  --sizes-spacing-sp-4: 2px;
  --sizes-spacing-sp-6: 2px;
  --sizes-spacing-sp-8: 4px;
  --sizes-spacing-sp-12: 6px;
  --sizes-spacing-sp-16: 8px;
  --sizes-spacing-sp-20: 8px;
  --sizes-spacing-sp-24: 12px;
  --sizes-spacing-sp-32: 16px;
  --sizes-spacing-sp-40: 24px;
  --sizes-spacing-sp-48: 32px;
  --sizes-spacing-sp-52: 40px;
  --sizes-spacing-sp-64: 48px;
  --sizes-spacing-sp-80: 20px;
  --sizes-spacing-sp-120: 52px;
  --sizes-spacing-sp-160: 64px;
  --sizes-spacing-sp-200: 80px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 2px;
  --sizes-radius-rd-6: 4px;
  --sizes-radius-rd-8: 4px;
  --sizes-radius-rd-12: 6px;
  --sizes-radius-rd-16: 8px;
  --sizes-radius-rd-24: 16px;
  --sizes-radius-rd-32: 20px;
  --sizes-radius-rd-40: 24px;
  --sizes-radius-rd-200: 80px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 1px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 20;
  --sizes-icon-size-is-28: 24;
  --sizes-icon-size-is-32: 28;
  --sizes-breakpoints-pb-standard: 375;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #ffffff;
  --color-extra-low-dark: #ffffff;
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 12px;
  --fonts-font-size-16: 14px;
  --fonts-font-size-18: 16px;
  --fonts-font-size-20: 18px;
  --fonts-font-size-24: 20px;
  --fonts-font-size-32: 24px;
  --fonts-font-size-48: 32px;
  --fonts-font-size-56: 48px;
  --fonts-font-size-72: 56px;
  --fonts-font-weight-light: 300;
  --fonts-font-weight-regular: 400;
  --fonts-font-weight-medium: 500;
  --fonts-font-weight-semibold: 600;
  --fonts-font-weight-bold: 700;
  --fonts-font-weight-extrabold: 800;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

/**
 * Tablet Mode Tokens
 */
[data-mode="Tablet"] {
  --sizes-spacing-none: 0;
  --sizes-spacing-sp-2: 2px;
  --sizes-spacing-sp-4: 4px;
  --sizes-spacing-sp-6: 4px;
  --sizes-spacing-sp-8: 6px;
  --sizes-spacing-sp-12: 8px;
  --sizes-spacing-sp-16: 12px;
  --sizes-spacing-sp-20: 12px;
  --sizes-spacing-sp-24: 16px;
  --sizes-spacing-sp-32: 24px;
  --sizes-spacing-sp-40: 32px;
  --sizes-spacing-sp-48: 40px;
  --sizes-spacing-sp-52: 48px;
  --sizes-spacing-sp-64: 52px;
  --sizes-spacing-sp-80: 64px;
  --sizes-spacing-sp-120: 80px;
  --sizes-spacing-sp-160: 120px;
  --sizes-spacing-sp-200: 160px;
  --sizes-radius-none: 0;
  --sizes-radius-rd-2: 2px;
  --sizes-radius-rd-4: 4px;
  --sizes-radius-rd-6: 4px;
  --sizes-radius-rd-8: 6px;
  --sizes-radius-rd-12: 8px;
  --sizes-radius-rd-16: 12px;
  --sizes-radius-rd-24: 20px;
  --sizes-radius-rd-32: 24px;
  --sizes-radius-rd-40: 32px;
  --sizes-radius-rd-200: 120px;
  --sizes-radius-rd-999: 999px;
  --sizes-border-none: 0;
  --sizes-border-br-1: 1px;
  --sizes-border-br-2: 2px;
  --sizes-icon-size-is-16: 16;
  --sizes-icon-size-is-20: 20;
  --sizes-icon-size-is-24: 24;
  --sizes-icon-size-is-28: 28;
  --sizes-icon-size-is-32: 32;
  --sizes-breakpoints-pb-standard: 768;
  --color-brand-primary: #6179fa;
  --color-brand-primary-hover: #576de1;
  --color-brand-primary-active: #4e61c8;
  --color-brand-secondary: #61ccfa;
  --color-brand-secondary-hover: #57b8e1;
  --color-brand-secondary-active: #4ea3c8;
  --color-backgrounds-surfaces-bg-default: #ffffff;
  --color-backgrounds-surfaces-bg-subtle: #f7f7f7;
  --color-backgrounds-surfaces-bg-elevated: #e6e6e6;
  --color-backgrounds-surfaces-bg-inverse: #0f172a;
  --color-backgrounds-surfaces-surface-primary: #eff2ff;
  --color-backgrounds-surfaces-surface-secondary: #effaff;
  --color-backgrounds-surfaces-surface-neutral: #ffffff;
  --color-backgrounds-surfaces-surface-disabled: #b5b7bd;
  --color-text-content-text-primary: #0f172a;
  --color-text-content-text-secondary: #b5b7bd;
  --color-text-content-text-inverse: #ffffff;
  --color-text-content-text-placeholder: #475569;
  --color-text-content-text-disabled: #b5b7bd;
  --color-text-content-text-link: #6179fa;
  --color-text-content-text-link-hover: #576de1;
  --color-text-content-text-success: #3da144;
  --color-text-content-text-error: #bf3a3c;
  --color-text-content-text-warning: #b96528;
  --color-buttons-actions-button-primary-bg: #6179fa;
  --color-buttons-actions-button-primary-bg-hover: #576de1;
  --color-buttons-actions-button-primary-bg-active: #4e61c8;
  --color-buttons-actions-button-primary-text: #ffffff;
  --color-buttons-actions-button-secondary-bg: #61ccfa;
  --color-buttons-actions-button-secondary-bg-hover: #57b8e1;
  --color-buttons-actions-button-secondary-bg-active: #4ea3c8;
  --color-buttons-actions-button-secondary-text: #ffffff;
  --color-buttons-actions-button-tertiary-bg: #ffffff;
  --color-buttons-actions-button-tertiary-text: #0f172a;
  --color-buttons-actions-button-tertiary-border: #e7e8ea;
  --color-buttons-actions-button-disabled-bg: #e7e8ea;
  --color-buttons-actions-button-disabled-text: #0f172a;
  --color-buttons-actions-button-black-bg: #0f172a;
  --color-buttons-actions-button-black-bg-hover: #0e1526;
  --color-buttons-actions-button-black-bg-active: #0c1222;
  --color-buttons-actions-button-black-text: #ffffff;
  --color-buttons-actions-button-danger-bg: #ff4d50;
  --color-buttons-actions-button-danger-bg-hover: #e64548;
  --color-buttons-actions-button-danger-bg-active: #cc3e40;
  --color-buttons-actions-button-danger-text: #ffffff;
  --color-status-colors-feedback-alerts-status-success-bg: #eefbef;
  --color-status-colors-feedback-alerts-status-success-border: #51d75a;
  --color-status-colors-feedback-alerts-status-success-text: #3da144;
  --color-status-colors-feedback-alerts-status-warning-bg: #fef3eb;
  --color-status-colors-feedback-alerts-status-warning-border: #f78635;
  --color-status-colors-feedback-alerts-status-warning-text: #b96528;
  --color-status-colors-feedback-alerts-status-error-bg: #ffedee;
  --color-status-colors-feedback-alerts-status-error-border: #ff4d50;
  --color-status-colors-feedback-alerts-status-error-text: #bf3a3c;
  --color-status-colors-feedback-alerts-status-info-bg: #effaff;
  --color-status-colors-feedback-alerts-status-info-border: #61ccfa;
  --color-status-colors-feedback-alerts-status-info-text: #4999bc;
  --color-states-interactive-state-hover: #e7ebfe;
  --color-states-interactive-state-active: #ced5fd;
  --color-states-interactive-state-focus: #61ccfa;
  --color-states-interactive-state-selected: #6179fa;
  --color-states-interactive-state-disabled-bg: #e7e8ea;
  --color-states-interactive-state-disabled-text: #b5b7bd;
  --color-borders-dividers-border-default: #e7e8ea;
  --color-borders-dividers-border-subtle: #b5b7bd;
  --color-borders-dividers-border-strong: #0f172a;
  --color-borders-dividers-border-active: #6179fa;
  --color-borders-dividers-border-error: #ff4d50;
  --color-borders-dividers-border-success: #51d75a;
  --color-borders-dividers-border-input: #64748b;
  --color-borders-dividers-divider-default: #e7e8ea;
  --color-typography-text-colors-typography-heading: #0f172a;
  --color-typography-text-colors-typography-subheading: #b5b7bd;
  --color-typography-text-colors-typography-body: #0f172a;
  --color-typography-text-colors-typography-muted: #b5b7bd;
  --color-typography-text-colors-typography-inverse: #ffffff;
  --color-typography-text-colors-typography-link: #6179fa;
  --color-typography-text-colors-typography-link-hover: #576de1;
  --color-typography-text-colors-typography-error: #ff4d50;
  --color-typography-text-colors-typography-success: #51d75a;
  --color-optional-accent-colors-accent-purple: #9d53e8;
  --color-optional-accent-colors-accent-yellow: #f1e23c;
  --color-optional-accent-colors-accent-pink: #ff42dc;
  --color-overlays-shadows-overlay-light: #b5b7bd;
  --color-overlays-shadows-overlay-dark: #0f172a;
  --color-overlays-shadows-shadow-small: #b5b7bd;
  --color-overlays-shadows-shadow-medium: #b5b7bd;
  --color-overlays-shadows-shadow-large: #0f172a;
  --color-extra-light-background: #ffffff;
  --color-extra-low-dark: #ffffff;
  --value-scale-0: 0;
  --value-scale-1: 1;
  --value-scale-2: 2;
  --value-scale-4: 4;
  --value-scale-6: 6;
  --value-scale-8: 8;
  --value-scale-12: 12;
  --value-scale-16: 16;
  --value-scale-20: 20;
  --value-scale-24: 24;
  --value-scale-28: 28;
  --value-scale-32: 32;
  --value-scale-40: 40;
  --value-scale-48: 48;
  --value-scale-52: 52;
  --value-scale-64: 64;
  --value-scale-80: 80;
  --value-scale-120: 120;
  --value-scale-160: 160;
  --value-scale-200: 200;
  --value-scale-999: 999;
  --color-primary-blue-light: #eff2ff;
  --color-primary-blue-light-hover: #e7ebfe;
  --color-primary-blue-light-active: #ced5fd;
  --color-primary-blue-normal: #6179fa;
  --color-primary-blue-normal-hover: #576de1;
  --color-primary-blue-normal-active: #4e61c8;
  --color-primary-blue-dark: #495bbc;
  --color-primary-blue-dark-hover: #3a4996;
  --color-primary-blue-dark-active: #2c3670;
  --color-primary-blue-darker: #222a58;
  --color-secondary-sky-blue-light: #effaff;
  --color-secondary-sky-blue-light-hover: #e7f7fe;
  --color-secondary-sky-blue-light-active: #ceeffd;
  --color-secondary-sky-blue-normal: #61ccfa;
  --color-secondary-sky-blue-normal-hover: #57b8e1;
  --color-secondary-sky-blue-normal-active: #4ea3c8;
  --color-secondary-sky-blue-dark: #4999bc;
  --color-secondary-sky-blue-dark-hover: #3a7a96;
  --color-secondary-sky-blue-dark-active: #2c5c70;
  --color-secondary-sky-blue-darker: #224758;
  --color-black-light: #e7e8ea;
  --color-black-light-hover: #b5b7bd;
  --color-black-light-active: #b5b7bd;
  --color-black-normal: #0f172a;
  --color-black-normal-hover: #0e1526;
  --color-black-normal-active: #0c1222;
  --color-black-dark: #0b1120;
  --color-black-dark-hover: #090e19;
  --color-black-dark-active: #070a13;
  --color-black-darker: #05080f;
  --color-white-light: #ffffff;
  --color-white-light-hover: #fdfdfd;
  --color-white-light-active: #f7f7f7;
  --color-white-normal: #f5f5f5;
  --color-white-normal-hover: #e6e6e6;
  --color-white-normal-active: #cccccc;
  --color-white-dark: #bfbfbf;
  --color-white-dark-hover: #999999;
  --color-white-dark-active: #737373;
  --color-white-darker: #595959;
  --color-green-light: #eefbef;
  --color-green-light-hover: #e5f9e6;
  --color-green-light-active: #c9f3cc;
  --color-green-normal: #51d75a;
  --color-green-normal-hover: #49c251;
  --color-green-normal-active: #41ac48;
  --color-green-dark: #3da144;
  --color-green-dark-hover: #318136;
  --color-green-dark-active: #246128;
  --color-green-darker: #1c4b1f;
  --color-orange-light: #fef3eb;
  --color-orange-light-hover: #feede1;
  --color-orange-light-active: #fdd9c0;
  --color-orange-normal: #f78635;
  --color-orange-normal-hover: #de7930;
  --color-orange-normal-active: #c66b2a;
  --color-orange-dark: #b96528;
  --color-orange-dark-hover: #945020;
  --color-orange-dark-active: #6f3c18;
  --color-orange-darker: #562f13;
  --color-red-light: #ffedee;
  --color-red-light-hover: #ffe4e5;
  --color-red-light-active: #ffc8c9;
  --color-red-normal: #ff4d50;
  --color-red-normal-hover: #e64548;
  --color-red-normal-active: #cc3e40;
  --color-red-dark: #bf3a3c;
  --color-red-dark-hover: #992e30;
  --color-red-dark-active: #732324;
  --color-red-darker: #591b1c;
  --color-purple-light: #f5eefd;
  --color-purple-light-hover: #f0e5fc;
  --color-purple-light-active: #e1caf8;
  --color-purple-normal: #9d53e8;
  --color-purple-normal-hover: #8d4bd1;
  --color-purple-normal-active: #7e42ba;
  --color-purple-dark: #763eae;
  --color-purple-dark-hover: #5e328b;
  --color-purple-dark-active: #472568;
  --color-purple-darker: #371d51;
  --color-yellow-light: #fefcec;
  --color-yellow-light-hover: #fdfbe2;
  --color-yellow-light-active: #fbf6c3;
  --color-yellow-normal: #f1e23c;
  --color-yellow-normal-hover: #d9cb36;
  --color-yellow-normal-active: #c1b530;
  --color-yellow-dark: #b5aa2d;
  --color-yellow-dark-hover: #918824;
  --color-yellow-dark-active: #6c661b;
  --color-yellow-darker: #544f15;
  --color-pink-light: #ffecfc;
  --color-pink-light-hover: #ffe3fa;
  --color-pink-light-active: #ffc4f4;
  --color-pink-normal: #ff42dc;
  --color-pink-normal-hover: #e63bc6;
  --color-pink-normal-active: #cc35b0;
  --color-pink-dark: #bf32a5;
  --color-pink-dark-hover: #992884;
  --color-pink-dark-active: #731e63;
  --color-pink-darker: #59174d;
  --fonts-font-family-base: Manrope;
  --fonts-font-family-heading: Manrope;
  --fonts-font-family-body: Manrope;
  --fonts-font-family-code: Manrope;
  --fonts-font-size-10: 10px;
  --fonts-font-size-12: 12px;
  --fonts-font-size-14: 14px;
  --fonts-font-size-16: 16px;
  --fonts-font-size-18: 16px;
  --fonts-font-size-20: 18px;
  --fonts-font-size-24: 22px;
  --fonts-font-size-32: 28px;
  --fonts-font-size-48: 40px;
  --fonts-font-size-56: 52px;
  --fonts-font-size-72: 64px;
  --fonts-font-weight-light: 300;
  --fonts-font-weight-regular: 400;
  --fonts-font-weight-medium: 500;
  --fonts-font-weight-semibold: 600;
  --fonts-font-weight-bold: 700;
  --fonts-font-weight-extrabold: 800;
  --fonts-line-height-88px: 88px;
  --fonts-line-height-68px: 68px;
  --fonts-line-height-60px: 60px;
  --fonts-line-height-44px: 44px;
  --fonts-line-height-36px: 36px;
  --fonts-line-height-32px: 32px;
  --fonts-line-height-28px: 28px;
  --fonts-line-height-26px: 26px;
  --fonts-line-height-24px: 24px;
  --fonts-line-height-22px: 22px;
  --fonts-line-height-20px: 20px;
  --fonts-line-height-18px: 18px;
  --fonts-line-height-16px: 16px;
}

body { 
  @apply bg-bg text-text-primary font-inter; 
}