:root { /*Component colors*/ /*Buttons*/ --tms-color-bg-specialbutton: var(--tms-color-gray200); --tms-color-bg-specialbutton-secondary: var(--tms-color-gray300); --tms-color-bg-specialbutton-hover: var(--tms-color-growthgreen600); --tms-color-bg-specialbutton-disabled: var(--tms-color-gray100); --tms-color-fg-specialbutton: var(--tms-color-gray500); --tms-color-fg-specialbutton-secondary: var(--tms-color-gray600); --tms-color-fg-specialbutton-hover: var(--tms-color-gray100); --tms-color-fg-specialbutton-disabled: var(--tms-color-gray300); --tms-color-fg-specialbutton-selected: var(--tms-color-success500); --tms-color-fg-specialbutton-selected-hover: var(--tms-color-success600); /*Navigation*/ --tms-color-bg-sidebar-logo-container: var(--tms-color-growthgreen500); --tms-color-bg-nav: linear-gradient(180deg, var(--tms-color-growthgreen500) 0%, var(--tms-color-growthgreen500) 20%, var(--tms-color-focusgreen500) 100%); --tms-color-bg-nav-light: var(--tms-color-white); --tms-color-bg-popover-menu: var(--tms-color-alpha-white090); --tms-color-border-popover-menu: var(--tms-color-alpha-black005); --tms-color-bg-popover-menu-dark: var(--tms-color-alpha-black080); --tms-color-text-nav-item-primary: var(--tms-color-white); --tms-color-text-nav-item-light-primary: var(--tms-color-gray900); --tms-color-text-nav-item-light-primary-hover: var(--tms-color-brand600); --tms-color-text-nav-item-secondary: var(--tms-color-gray100); --tms-color-text-nav-item-light-secondary: var(--tms-color-gray800); --tms-color-text-nav-item-tertiary: var(--tms-color-gray400); --tms-color-text-nav-item-light-tertiary: var(--tms-color-gray600); --tms-color-text-nav-item-quarterary: var(--tms-color-gray500); --tms-color-text-nav-item-light-quarterary: var(--tms-color-gray400); --tms-color-border-nav: var(--tms-color-alpha-white010); --tms-color-border-nav-light: var(--tms-color-gray200); --tms-color-border-nav-item: var(--tms-color-alpha-white030); --tms-color-border-nav-item-focus: var(--tms-color-brand400); --tms-color-border-nav-item-light: var(--tms-color-gray100); --tms-color-border-nav-item-light-focus: var(--tms-color-brand500); --tms-color-bg-nav-item-hover: var(--tms-color-alpha-white003); --tms-color-bg-nav-item-active: var(--tms-color-alpha-white005); --tms-color-bg-nav-item-active-current: var(--tms-color-alpha-white010); --tms-color-bg-nav-item-active-hover: var(--tms-color-alpha-white020); --tms-color-bg-nav-item-light-hover: var(--tms-color-gray050); --tms-color-bg-nav-item-light-active: var(--tms-color-gray100); --tms-color-bg-nav-item-light-active-hover: var(--tms-color-gray200); --tms-color-bg-expander-expanded: var(--tms-color-alpha-white010); --tms-color-bg-expander-expanded-hover: var(--tms-color-alpha-white015); --tms-color-fg-expander-expanded: var(--tms-color-alpha-white100); --tms-color-bg-expander-collapse: var(--tms-color-gray300); --tms-color-bg-expander-collapse-hover: var(--tms-color-gray400); --tms-color-fg-expander-collapse: var(--tms-color-gray950); --tms-color-bg-nav-searchbar: var(--tms-color-alpha-white010); --tms-color-bg-nav-searchbar-hover: var(--tms-color-alpha-white015); --tms-color-text-nav-searchbar-placeholder: var(--tms-color-alpha-white050); --tms-color-text-nav-searchbar: var(--tms-color-text-white); --tms-color-fg-nav-searchbar: var(--tms-color-alpha-white060); --tms-color-fg-nav-item: var(--tms-color-gray300); --tms-color-fg-nav-item-hover: var(--tms-color-brand500); --tms-color-fg-nav-item-active: var(--tms-color-gray100); --tms-color-fg-nav-item-light: var(--tms-color-gray600); --tms-color-fg-nav-item-light-hover: var(--tms-color-gray700); --tms-color-fg-nav-item-light-active: var(--tms-color-gray800); --tms-color-bg-primary-focusgreen: var(--tms-color-focusgreen500); --tms-color-text-badge-brand: var(--tms-color-gray900); --tms-color-utility-brand-300: var(--tms-color-brand300); /*Button*/ --tms-color-bg-button-primary-invert: var(--tms-color-brand400); --tms-color-bg-button-primary-invert-hover: var(--tms-color-brand500); --tms-color-bg-button-primary: var(--tms-color-brand400); --tms-color-bg-button-primary-hover: var(--tms-color-brand500); --tms-color-bg-button-primary-destructive: var(--tms-color-error500); --tms-color-bg-button-primary-disabled: var(--tms-color-alpha-black005); --tms-color-bg-button-primary-destructive-hover: var(--tms-color-error600); --tms-color-bg-button-primary-destructive-disabled: var(--tms-color-alpha-black005); --tms-color-bg-button-primary-invert: var(--tms-color-brand400); --tms-color-bg-button-primary-invert-hover: var(--tms-color-brand500); --tms-color-bg-button-primary-invert-disabled: var(--tms-color-alpha-black005); --tms-color-bg-button-primary-invert-destructive: var(--tms-color-error400); --tms-color-bg-button-primary-invert-destructive-hover: var(--tms-color-error500); --tms-color-bg-button-primary-invert-destructive-disabled: var(--tms-color-alpha-white005); --tms-color-bg-button-secondary: var(--tms-color-white); --tms-color-bg-button-secondary-hover: var(--tms-color-alpha-black003); --tms-color-bg-button-tertiary-hover: var(--tms-color-alpha-black003); --tms-color-bg-button-secondary-invert-hover: var(--tms-color-alpha-white003); --tms-color-bg-button-tertiary-invert-hover: var(--tms-color-alpha-white003); --tms-color-bg-button-secondary-destructive: var(--tms-color-white); --tms-color-bg-button-secondary-destructive-hover: var(--tms-color-error050); --tms-color-bg-button-tertiary-destructive: var(--tms-color-white); --tms-color-bg-button-tertiary-destructive-hover: var(--tms-color-error050); --tms-color-bg-button-secondary-invert-destructive-hover: var(--tms-color-alpha-white003); --tms-color-bg-button-tertiary-invert-destructive-hover: var(--tms-color-alpha-white003); --tms-color-bg-button-primary-pressed: var(--tms-color-brand600); --tms-color-bg-button-secondary-pressed: var(--tms-color-alpha-black005); --tms-color-bg-button-tertiary-pressed: var(--tms-color-alpha-black005); --tms-color-bg-button-primary-invert-pressed: var(--tms-color-brand600); --tms-color-bg-button-secondary-invert-pressed: var(--tms-color-alpha-white005); --tms-color-bg-button-tertiary-invert-pressed: var(--tms-color-alpha-white005); --tms-color-bg-button-primary-destructive-pressed: var(--tms-color-error700); --tms-color-bg-button-secondary-destructive-pressed: var(--tms-color-error100); --tms-color-bg-button-tertiary-destructive-pressed: var(--tms-color-error100); --tms-color-bg-button-primary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-bg-button-secondary-invert-destructive-pressed: var(--tms-color-alpha-white005); --tms-color-bg-button-tertiary-invert-destructive-pressed: var(--tms-color-alpha-white005); --tms-color-fg-button-primary-invert: var(--tms-color-gray950); --tms-color-fg-button-primary-invert-hover: var(--tms-color-gray850); --tms-color-fg-button-link-destructive: var(--tms-color-error600); --tms-color-fg-button-link-destructive-hover: var(--tms-color-error700); --tms-color-fg-button-link-destructive-disabled: var(--tms-color-gray400); --tms-color-fg-button-link-invert-destructive: var(--tms-color-error400); --tms-color-fg-button-link-invert-destructive-hover: var(--tms-color-error500); --tms-color-fg-button-link-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-fg-button-link: var(--tms-color-gray950); --tms-color-fg-button-link-hover: var(--tms-color-gray850); --tms-color-fg-button-link-disabled: var(--tms-color-gray400); --tms-color-fg-button-link-color-invert: var(--tms-color-brand400); --tms-color-fg-button-link-color-invert-hover: var(--tms-color-brand400); --tms-color-fg-button-link-color-invert-disabled: var(--tms-color-gray500); --tms-color-fg-button-primary-invert-destructive: var(--tms-color-gray950); --tms-color-fg-button-primary-invert-destructive-hover: var(--tms-color-gray850); --tms-color-fg-button-primary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-fg-button-secondary-invert-destructive: var(--tms-color-error400); --tms-color-fg-button-secondary-invert-destructive-hover: var(--tms-color-error500); --tms-color-fg-button-secondary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-fg-button-tertiary-invert-destructive: var(--tms-color-error400); --tms-color-fg-button-tertiary-invert-destructive-hover: var(--tms-color-error500); --tms-color-fg-button-tertiary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-fg-button-primary-destructive: var(--tms-color-white); --tms-color-fg-button-primary-destructive-hover: var(--tms-color-white); --tms-color-fg-button-primary-destructive-disabled: var(--tms-color-gray400); --tms-color-fg-button-secondary-destructive: var(--tms-color-error600); --tms-color-fg-button-secondary-destructive-hover: var(--tms-color-error700); --tms-color-fg-button-secondary-destructive-disabled: var(--tms-color-gray400); --tms-color-fg-button-tertiary-destructive: var(--tms-color-error600); --tms-color-fg-button-tertiary-destructive-hover: var(--tms-color-error700); --tms-color-fg-button-tertiary-destructive-disabled: var(--tms-color-gray400); --tms-color-fg-button-primary-invert: var(--tms-color-gray950); --tms-color-fg-button-primary-invert-hover: var(--tms-color-gray850); --tms-color-fg-button-primary-invert-disabled: var(--tms-color-gray500); --tms-color-fg-button-secondary-invert: var(--tms-color-white); --tms-color-fg-button-secondary-invert-hover: var(--tms-color-white); --tms-color-fg-button-secondary-invert-disabled: var(--tms-color-gray500); --tms-color-fg-button-tertiary-invert: var(--tms-color-white); --tms-color-fg-button-tertiary-invert-hover: var(--tms-color-white); --tms-color-fg-button-tertiary-invert-disabled: var(--tms-color-gray500); --tms-color-fg-button-primary: var(--tms-color-gray950); --tms-color-fg-button-primary-hover: var(--tms-color-gray850); --tms-color-fg-button-primary-disabled: var(--tms-color-gray400); --tms-color-fg-button-secondary: var(--tms-color-gray950); --tms-color-fg-button-secondary-hover: var(--tms-color-gray850); --tms-color-fg-button-secondary-disabled: var(--tms-color-gray400); --tms-color-fg-button-tertiary: var(--tms-color-gray950); --tms-color-fg-button-tertiary-hover: var(--tms-color-gray850); --tms-color-fg-button-tertiary-disabled: var(--tms-color-gray400); --tms-color-fg-button-primary-invert-pressed: var(--tms-color-gray800); --tms-color-fg-button-secondary-invert-pressed: var(--tms-color-gray100); --tms-color-fg-button-tertiary-invert-pressed: var(--tms-color-gray100); --tms-color-fg-button-link-color-invert-pressed: var(--tms-color-brand500); --tms-color-fg-button-link-invert: var(--tms-color-white); --tms-color-fg-button-link-invert-hover: var(--tms-color-white); --tms-color-fg-button-link-invert-pressed: var(--tms-color-gray100); --tms-color-fg-button-link-invert-disabled: var(--tms-color-gray500); --tms-color-fg-button-invert-spinner: var(--tms-color-brand500); --tms-color-fg-button-link-destructive-pressed: var(--tms-color-error800); --tms-color-fg-button-tertiary-destructive-pressed: var(--tms-color-error800); --tms-color-fg-button-secondary-destructive-pressed: var(--tms-color-error800); --tms-color-fg-button-primary-destructive-pressed: var(--tms-color-gray100); --tms-color-fg-button-primary-invert-destructive-pressed: var(--tms-color-gray800); --tms-color-fg-button-secondary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-fg-button-tertiary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-fg-button-link-invert-destructive-pressed: var(--tms-color-error600); --tms-color-fg-button-primary-pressed: var(--tms-color-gray800); --tms-color-fg-button-secondary-pressed: var(--tms-color-gray800); --tms-color-fg-button-tertiary-pressed: var(--tms-color-gray800); --tms-color-fg-button-link-pressed: var(--tms-color-gray800); --tms-color-fg-button-link-color: var(--tms-color-brand700); --tms-color-fg-button-link-color-hover: var(--tms-color-brand800); --tms-color-fg-button-link-color-pressed: var(--tms-color-brand900); --tms-color-fg-button-link-color-disabled: var(--tms-color-gray400); --tms-color-fg-button-spinner: var(--tms-color-brand600); --tms-color-fg-button-tertiary-alt: var(--tms-color-gray500); --tms-color-fg-button-link-alt: var(--tms-color-gray500); --tms-color-text-button-primary-invert: var(--tms-color-gray950); --tms-color-text-button-link-color-invert: var(--tms-color-brand400); --tms-color-text-button-primary-link-color-hover: var(--tms-color-brand400); --tms-color-text-button-link-color-invert-disabled: var(--tms-color-gray500); --tms-color-text-button-link: var(--tms-color-gray950); --tms-color-text-button-link-hover: var(--tms-color-gray850); --tms-color-text-button-link-disabled: var(--tms-color-gray400); --tms-color-text-button-link-invert: var(--tms-color-white); --tms-color-text-button-primary-link-hover: var(--tms-color-white); --tms-color-text-button-link-invert-disabled: var(--tms-color-gray500); --tms-color-text-button-primary-pressed: var(--tms-color-gray800); --tms-color-text-button-secondary-pressed: var(--tms-color-gray800); --tms-color-text-button-tertiary-pressed: var(--tms-color-gray800); --tms-color-text-button-link-pressed: var(--tms-color-gray700); --tms-color-text-button-link-color: var(--tms-color-brand700); --tms-color-text-button-link-color-hover: var(--tms-color-brand800); --tms-color-text-button-link-color-pressed: var(--tms-color-brand900); --tms-color-text-button-link-color-disabled: var(--tms-color-gray400); --tms-color-text-button-primary-invert-pressed: var(--tms-color-gray800); --tms-color-text-button-secondary-invert-pressed: var(--tms-color-gray100); --tms-color-text-button-tertiary-invert-pressed: var(--tms-color-gray100); --tms-color-text-button-primary-link-color-pressed: var(--tms-color-brand500); --tms-color-text-button-primary-link-pressed: var(--tms-color-gray100); --tms-color-text-button-primary-invert-destructive-pressed: var(--tms-color-gray800); --tms-color-text-button-secondary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-text-button-tertiary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-text-button-link-invert-destructive: var(--tms-color-error400); --tms-color-text-button-link-invert-destructive-hover: var(--tms-color-error500); --tms-color-text-button-link-invert-destructive-pressed: var(--tms-color-error600); --tms-color-text-button-link-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-text-button-primary-invert: var(--tms-color-gray950); --tms-color-text-button-primary-invert-hover: var(--tms-color-gray950); --tms-color-text-button-primary-invert-disabled: var(--tms-color-gray500); --tms-color-text-button-secondary-invert: var(--tms-color-white); --tms-color-text-button-secondary-invert-hover: var(--tms-color-white); --tms-color-text-button-secondary-invert-disabled: var(--tms-color-gray500); --tms-color-text-button-tertiary-invert: var(--tms-color-white); --tms-color-text-button-tertiary-invert-hover: var(--tms-color-white); --tms-color-text-button-tertiary-invert-disabled: var(--tms-color-gray500); --tms-color-text-button-primary-invert-destructive: var(--tms-color-gray950); --tms-color-text-button-primary-invert-destructive-hover: var(--tms-color-gray850); --tms-color-text-button-primary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-text-button-secondary-invert-destructive: var(--tms-color-error400); --tms-color-text-button-secondary-invert-destructive-hover: var(--tms-color-error500); --tms-color-text-button-secondary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-text-button-tertiary-invert-destructive-hover: var(--tms-color-error500); --tms-color-text-button-tertiary-invert-destructive: var(--tms-color-error400); --tms-color-text-button-tertiary-invert-destructive-disabled: var(--tms-color-gray500); --tms-color-text-button-primary-destructive-pressed: var(--tms-color-gray100); --tms-color-text-button-secondary-destructive-pressed: var(--tms-color-error800); --tms-color-text-button-tertiary-destructive-pressed: var(--tms-color-error800); --tms-color-text-button-link-destructive: var(--tms-color-error600); --tms-color-text-button-link-destructive-hover: var(--tms-color-error700); --tms-color-text-button-link-destructive-pressed: var(--tms-color-error800); --tms-color-text-button-link-destructive-disabled: var(--tms-color-gray400); --tms-color-text-button-tertiary-placeholder: var(--tms-color-gray500); --tms-color-text-button-link-placeholder: var(--tms-color-gray500); --tms-color-text-button-primary-destructive: var(--tms-color-white); --tms-color-text-button-primary-destructive-hover: var(--tms-color-white); --tms-color-text-button-secondary-destructive: var(--tms-color-error600); --tms-color-text-button-secondary-destructive-hover: var(--tms-color-error700); --tms-color-text-button-tertiary-destructive: var(--tms-color-error600); --tms-color-text-button-tertiary-destructive-hover: var(--tms-color-error700); --tms-color-text-button-primary-destructive-disabled: var(--tms-color-gray400); --tms-color-text-button-secondary-destructive-disabled: var(--tms-color-gray400); --tms-color-text-button-tertiary-destructive-disabled: var(--tms-color-gray400); --tms-color-text-button-primary: var(--tms-color-gray950); --tms-color-text-button-primary-hover: var(--tms-color-gray850); --tms-color-text-button-secondary: var(--tms-color-gray950); --tms-color-text-button-secondary-hover: var(--tms-color-gray850); --tms-color-text-button-tertiary: var(--tms-color-gray950); --tms-color-text-button-tertiary-hover: var(--tms-color-gray950); --tms-color-text-button-primary-disabled: var(--tms-color-gray400); --tms-color-text-button-secondary-disabled: var(--tms-color-gray400); --tms-color-text-button-tertiary-disabled: var(--tms-color-gray400); --tms-color-text-button-tertiary-alt: var(--tms-color-gray600); --tms-color-text-button-link-alt: var(--tms-color-gray600); --tms-color-text-specialbutton: var(--tms-color-gray500); --tms-color-text-specialbutton-hover: var(--tms-color-gray600); --tms-color-text-specialbutton-disabled: var(--tms-color-gray300); --tms-color-border-button-secondary: var(--tms-color-gray300); --tms-color-border-button-secondary-destructive-hover: var(--tms-color-error700); --tms-color-border-button-secondary-destructive: var(--tms-color-error600); --tms-color-border-button-secondary-hover: var(--tms-color-gray300); --tms-color-border-button-secondary-invert: var(--tms-color-alpha-white010); --tms-color-border-button-secondary-invert-hover: var(--tms-color-alpha-white015); --tms-color-border-button-secondary-invert-destructive: var(--tms-color-error400); --tms-color-border-button-secondary-invert-destructive-hover: var(--tms-color-error500); --tms-color-border-button-secondary-disabled: var(--tms-color-gray200); --tms-color-border-button-secondary-invert-disabled: var(--tms-color-gray600); --tms-color-border-button-secondary-destructive-disabled: var(--tms-color-gray300); --tms-color-border-button-secondary-invert-destructive-disabled: var(--tms-color-alpha-white015); --tms-color-border-button-secondary-pressed: var(--tms-color-gray300); --tms-color-border-button-secondary-invert-pressed: var(--tms-color-alpha-white020); --tms-color-border-button-secondary-destructive-pressed: var(--tms-color-error800); --tms-color-border-button-secondary-invert-destructive-pressed: var(--tms-color-error600); --tms-color-border-specialbutton: var(--tms-color-gray300); /*Calendar*/ --tms-color-bg-calendarevents-tour: var(--tms-color-info050); --tms-color-bg-calendarevents-external: var(--tms-color-error200); --tms-color-bg-calendarevents-finished: var(--tms-color-success-100); --tms-color-bg-calendarevents-rework: var(--tms-color-warning-100); --tms-color-bg-calendarevents-missing: var(--tms-color-error100); --tms-color-bg-calendarevents-away: var(--tms-color-fuchsia200); --tms-color-bg-calendarevents: var(--tms-color-gray100); --tms-color-bg-calendarevents-unterminierte: var(--tms-color-alpha-white060); --tms-color-fg-calendarevents: var(--tms-color-gray900); --tms-color-fg-calendarevents-alt: var(--tms-color-gray900); --tms-color-border-calendarevents-tour: var(--tms-color-info300); --tms-color-border-calendarevents-external: var(--tms-color-error400); --tms-color-border-calendarevents-unterminierte: var(--tms-color-gray400); --tms-color-text-calendarevents: var(--tms-color-gray900); --tms-color-text-calendarevents-alt: var(--tms-color-gray900); /*Avatar*/ --tms-color-bg-avatar: var(--tms-color-growthgreen500); --tms-color-border-avatar-profile-photo: var(--tms-color-white); /*Featured Icon*/ --tms-color-fg-featured-icon-brand: var(--tms-color-brand700); --tms-color-fg-featured-icon-gray: var(--tms-color-gray600); --tms-color-fg-featured-icon-error: var(--tms-color-error600); --tms-color-fg-featured-icon-warning: var(--tms-color-warning600); --tms-color-fg-featured-icon-success: var(--tms-color-success600); --tms-color-fg-featured-icon-dark-brand: var(--tms-color-gray900); --tms-color-fg-featured-icon-dark-gray: var(--tms-color-gray050); /*Date*/ --tms-color-bg-date-nosync: var(--tms-color-error300); --tms-color-bg-date-nodates-active: var(--tms-color-error200); --tms-color-fg-date-away: var(--tms-color-fuchsia200); --tms-color-fg-date: var(--tms-color-gray800); --tms-color-text-date-lastmonth: var(--tms-color-gray400); --tms-color-text-date: var(--tms-color-gray800); --tms-color-text-date-weekend: var(--tms-color-gray500); --tms-color-text-date-today: var(--tms-color-gray800); --tms-color-border-date-nosync: var(--tms-color-error500); --tms-color-border-date-selected: var(--tms-color-gray900); --tms-color-border-date-outline: var(--tms-color-gray100); /*Sheet*/ --tms-color-bg-sheet: var(--tms-color-white); --tms-color-bg-sheet-alt: var(--tms-color-gray050); --tms-color-bg-sheet-stack: var(--tms-color-alpha-white020); --tms-color-bg-sheet-stack-alt: var(--tms-color-alpha-black020); --tms-color-bg-sheet-grabber: var(--tms-color-alpha-black040); --tms-color-bg-sheet-navigation-bar: var(--tms-color-alpha-white070); /*Wysiwyg*/ --tms-color-fg-wysiwyg: var(--tms-color-alpha-white080); --tms-color-fg-wysiwyg-hover: var(--tms-color-brand400); --tms-color-fg-wysiwyg-active: var(--tms-color-white); --tms-color-bg-wysiwyg-active: var(--tms-color-alpha-white005); /*Popover*/ --tms-color-bg-popover-menu: var(--tms-color-alpha-white090); --tms-color-border-popover-menu: var(--tms-color-alpha-black005); --tms-color-bg-popover-menu-dark: var(--tms-color-alpha-black080); /*Text colors*/ --tms-color-text-white: var(--tms-color-white); --tms-color-text-white-alt: var(--tms-color-white); --tms-color-text-black: var(--tms-color-gray950); --tms-color-text-primary: var(--tms-color-gray900); --tms-color-text-primary-on-brand: var(--tms-color-white); --tms-color-text-secondary: var(--tms-color-gray700); --tms-color-text-secondary-hover: var(--tms-color-gray800); --tms-color-text-secondary-on-brand: var(--tms-color-gray200); --tms-color-text-tertiary: var(--tms-color-gray600); --tms-color-text-tertiary-alt: var(--tms-color-gray400); --tms-color-text-tertiary-hover: var(--tms-color-gray700); --tms-color-text-tertiary-on-brand: var(--tms-color-gray200); --tms-color-text-quarterary: var(--tms-color-gray500); --tms-color-text-quarterary-on-brand: var(--tms-color-gray300); --tms-color-text-disabled: var(--tms-color-gray300); --tms-color-text-placeholder: var(--tms-color-gray400); --tms-color-text-placeholder-subtle: var(--tms-color-gray300); --tms-color-text-brand-primary: var(--tms-color-brand700); --tms-color-text-brand-secondary: var(--tms-color-brand800); --tms-color-text-brand-tertiary: var(--tms-color-brand600); --tms-color-text-brand-tertiary-alt: var(--tms-color-brand600); --tms-color-text-error-primary: var(--tms-color-error600); --tms-color-text-warning-primary: var(--tms-color-warning600); --tms-color-text-success-primary: var(--tms-color-success600); /*Foreground colors*/ --tms-color-fg-primary: var(--tms-color-gray900); --tms-color-fg-secondary: var(--tms-color-gray700); --tms-color-fg-secondary-hover: var(--tms-color-gray800); --tms-color-fg-tertiary: var(--tms-color-gray500); --tms-color-fg-tertiary-hover: var(--tms-color-gray600); --tms-color-fg-quarterary: var(--tms-color-gray400); --tms-color-fg-quarterary-hover: var(--tms-color-gray500); --tms-color-fg-quinary: var(--tms-color-gray400); --tms-color-fg-quinary-hover: var(--tms-color-gray500); --tms-color-fg-senary: var(--tms-color-gray300); --tms-color-fg-white: var(--tms-color-white); --tms-color-fg-disabled: var(--tms-color-gray400); --tms-color-fg-disabled-subtle: var(--tms-color-gray300); --tms-color-fg-placeholder: var(--tms-color-gray500); --tms-color-fg-brand-primary: var(--tms-color-brand600); --tms-color-fg-brand-primary-alt: var(--tms-color-brand600); --tms-color-fg-brand-secondary: var(--tms-color-brand500); --tms-color-fg-error-primary: var(--tms-color-error500); --tms-color-fg-error-secondary: var(--tms-color-error400); --tms-color-fg-warning-primary: var(--tms-color-warning500); --tms-color-fg-warning-secondary: var(--tms-color-warning400); --tms-color-fg-success-primary: var(--tms-color-success500); --tms-color-fg-success-secondary: var(--tms-color-success400); /*Background colors*/ --tms-color-bg-primary: var(--tms-color-white); --tms-color-bg-primary-alt: var(--tms-color-white); --tms-color-bg-primary-hover: var(--tms-color-gray050); --tms-color-bg-primary-solid: var(--tms-color-gray950); --tms-color-bg-secondary: var(--tms-color-gray050); --tms-color-bg-secondary-alt: var(--tms-color-gray050); --tms-color-bg-secondary-hover: var(--tms-color-gray100); --tms-color-bg-secondary-subtle: var(--tms-color-gray025); --tms-color-bg-secondary-solid: var(--tms-color-gray600); --tms-color-bg-tertiary: var(--tms-color-gray100); --tms-color-bg-quarterary: var(--tms-color-gray150); --tms-color-bg-quintary: var(--tms-color-gray400); --tms-color-bg-active: var(--tms-color-gray100); --tms-color-bg-disabled: var(--tms-color-gray100); --tms-color-bg-disabled-subtle: var(--tms-color-gray050); --tms-color-bg-overlay: var(--tms-color-gray950); --tms-color-bg-brand-primary: var(--tms-color-brand025); --tms-color-bg-brand-primary-alt: var(--tms-color-brand025); --tms-color-bg-brand-secondary: var(--tms-color-brand050); --tms-color-bg-brand-solid: var(--tms-color-brand400); --tms-color-bg-brand-solid-hover: var(--tms-color-brand500); --tms-color-bg-brand-section: var(--tms-color-brand900); --tms-color-bg-brand-section-subtle: var(--tms-color-brand600); --tms-color-bg-error-primary: var(--tms-color-error050); --tms-color-bg-error-secondary: var(--tms-color-error100); --tms-color-bg-error-tertiary: var(--tms-color-error150); --tms-color-bg-error-solid-primary: var(--tms-color-error600); --tms-color-bg-error-solid-secondary: var(--tms-color-error500); --tms-color-bg-warning-primary: var(--tms-color-warning050); --tms-color-bg-warning-secondary: var(--tms-color-warning100); --tms-color-bg-warning-tertiary: var(--tms-color-warning150); --tms-color-bg-warning-solid: var(--tms-color-warning500); --tms-color-bg-success-primary: var(--tms-color-success050); --tms-color-bg-success-secondary: var(--tms-color-success100); --tms-color-bg-success-tertiary: var(--tms-color-success150); --tms-color-bg-success-solid: var(--tms-color-success500); --tms-color-bg-primary-growthgreen: var(--tms-color-growthgreen500); --tms-color-bg-primary-focusgreen: var(--tms-color-focusgreen500); --tms-color-bg-primary-liteoak: var(--tms-color-liteoak500); /*Border colors*/ --tms-color-border-primary: var(--tms-color-gray300); --tms-color-border-secondary: var(--tms-color-gray200); --tms-color-border-tertiary: var(--tms-color-gray100); --tms-color-border-disabled: var(--tms-color-gray300); --tms-color-border-disabled-subtle: var(--tms-color-gray200); --tms-color-border-brand: var(--tms-color-brand200); --tms-color-border-brand-solid: var(--tms-color-brand400); --tms-color-border-brand-solid-alt: var(--tms-color-brand400); --tms-color-border-error: var(--tms-color-error300); --tms-color-border-error-solid: var(--tms-color-error600); --tms-color-border-selected: var(--tms-color-gray950); /*Color utility variables*/ /*Alpha*/ --tms-color-alpha-white003: rgba(255,255,255,0.03); --tms-color-alpha-white005: rgba(255,255,255,0.05); --tms-color-alpha-white010: rgba(255,255,255,0.1); --tms-color-alpha-white015: rgba(255,255,255,0.15); --tms-color-alpha-white020: rgba(255,255,255,0.2); --tms-color-alpha-white030: rgba(255,255,255,0.3); --tms-color-alpha-white040: rgba(255,255,255,0.4); --tms-color-alpha-white050: rgba(255,255,255,0.5); --tms-color-alpha-white060: rgba(255,255,255,0.6); --tms-color-alpha-white070: rgba(255,255,255,0.7); --tms-color-alpha-white080: rgba(255,255,255,0.8); --tms-color-alpha-white090: rgba(255,255,255,0.9); --tms-color-alpha-white100: rgba(255,255,255,1); --tms-color-alpha-black003: rgba(15,15,15,0.03); --tms-color-alpha-black005: rgba(15,15,15,0.05); --tms-color-alpha-black010: rgba(15,15,15,0.1); --tms-color-alpha-black015: rgba(15,15,15,0.15); --tms-color-alpha-black020: rgba(15,15,15,0.2); --tms-color-alpha-black030: rgba(15,15,15,0.3); --tms-color-alpha-black040: rgba(15,15,15,0.4); --tms-color-alpha-black050: rgba(15,15,15,0.5); --tms-color-alpha-black060: rgba(15,15,15,0.6); --tms-color-alpha-black070: rgba(15,15,15,0.7); --tms-color-alpha-black080: rgba(15,15,15,0.8); --tms-color-alpha-black090: rgba(15,15,15,0.9); --tms-color-alpha-black100: rgba(15,15,15,1); /*Gray*/ --tms-color-utility-gray-50: var(--tms-color-gray050); --tms-color-utility-gray-100: var(--tms-color-gray100); --tms-color-utility-gray-200: var(--tms-color-gray200); --tms-color-utility-gray-300: var(--tms-color-gray300); --tms-color-utility-gray-400: var(--tms-color-gray400); --tms-color-utility-gray-500: var(--tms-color-gray500); --tms-color-utility-gray-600: var(--tms-color-gray600); --tms-color-utility-gray-700: var(--tms-color-gray700); --tms-color-utility-gray-800: var(--tms-color-gray800); --tms-color-utility-gray-900: var(--tms-color-gray900); /*Brand*/ --tms-color-utility-brand-50: var(--tms-color-brand050); --tms-color-utility-brand-100: var(--tms-color-brand100); --tms-color-utility-brand-200: var(--tms-color-brand200); --tms-color-utility-brand-300: var(--tms-color-brand300); --tms-color-utility-brand-400: var(--tms-color-brand400); --tms-color-utility-brand-500: var(--tms-color-brand500); --tms-color-utility-brand-600: var(--tms-color-brand600); --tms-color-utility-brand-700: var(--tms-color-brand700); --tms-color-utility-brand-800: var(--tms-color-brand800); --tms-color-utility-brand-900: var(--tms-color-brand900); --tms-color-utility-brand-50-alt: var(--tms-color-brand050); --tms-color-utility-brand-100-alt: var(--tms-color-brand100); --tms-color-utility-brand-200-alt: var(--tms-color-brand200); --tms-color-utility-brand-300-alt: var(--tms-color-brand300); --tms-color-utility-brand-400-alt: var(--tms-color-brand400); --tms-color-utility-brand-500-alt: var(--tms-color-brand500); --tms-color-utility-brand-600-alt: var(--tms-color-brand600); --tms-color-utility-brand-700-alt: var(--tms-color-brand700); --tms-color-utility-brand-800-alt: var(--tms-color-brand800); --tms-color-utility-brand-900-alt: var(--tms-color-brand900); /*Error*/ --tms-color-utility-error-50: var(--tms-color-error050); --tms-color-utility-error-100: var(--tms-color-error100); --tms-color-utility-error-200: var(--tms-color-error200); --tms-color-utility-error-300: var(--tms-color-error300); --tms-color-utility-error-400: var(--tms-color-error400); --tms-color-utility-error-500: var(--tms-color-error500); --tms-color-utility-error-600: var(--tms-color-error600); --tms-color-utility-error-700: var(--tms-color-error700); --tms-color-utility-error-800: var(--tms-color-error800); --tms-color-utility-error-900: var(--tms-color-error900); /*Warning*/ --tms-color-utility-warning-50: var(--tms-color-warning050); --tms-color-utility-warning-100: var(--tms-color-warning100); --tms-color-utility-warning-200: var(--tms-color-warning200); --tms-color-utility-warning-300: var(--tms-color-warning300); --tms-color-utility-warning-400: var(--tms-color-warning400); --tms-color-utility-warning-500: var(--tms-color-warning500); --tms-color-utility-warning-600: var(--tms-color-warning600); --tms-color-utility-warning-700: var(--tms-color-warning700); --tms-color-utility-warning-800: var(--tms-color-warning800); --tms-color-utility-warning-900: var(--tms-color-warning900); /*Success*/ --tms-color-utility-success-50: var(--tms-color-success050); --tms-color-utility-success-100: var(--tms-color-success100); --tms-color-utility-success-200: var(--tms-color-success200); --tms-color-utility-success-300: var(--tms-color-success300); --tms-color-utility-success-400: var(--tms-color-success400); --tms-color-utility-success-500: var(--tms-color-success500); --tms-color-utility-success-600: var(--tms-color-success600); --tms-color-utility-success-700: var(--tms-color-success700); --tms-color-utility-success-800: var(--tms-color-success800); --tms-color-utility-success-900: var(--tms-color-success900); /*Info*/ --tms-color-utility-info-50: var(--tms-color-info050); --tms-color-utility-info-100: var(--tms-color-info100); --tms-color-utility-info-200: var(--tms-color-info200); --tms-color-utility-info-300: var(--tms-color-info300); --tms-color-utility-info-400: var(--tms-color-info400); --tms-color-utility-info-500: var(--tms-color-info500); --tms-color-utility-info-600: var(--tms-color-info600); --tms-color-utility-info-700: var(--tms-color-info700); --tms-color-utility-info-800: var(--tms-color-info800); --tms-color-utility-info-900: var(--tms-color-info900); /*Pink*/ --tms-color-utility-pink-50: var(--tms-color-pink050); --tms-color-utility-pink-100: var(--tms-color-pink100); --tms-color-utility-pink-200: var(--tms-color-pink200); --tms-color-utility-pink-300: var(--tms-color-pink300); --tms-color-utility-pink-400: var(--tms-color-pink400); --tms-color-utility-pink-500: var(--tms-color-pink500); --tms-color-utility-pink-600: var(--tms-color-pink600); --tms-color-utility-pink-700: var(--tms-color-pink700); --tms-color-utility-pink-800: var(--tms-color-pink800); --tms-color-utility-pink-900: var(--tms-color-pink900); /*Teal*/ --tms-color-utility-teal-50: var(--tms-color-teal050); --tms-color-utility-teal-100: var(--tms-color-teal100); --tms-color-utility-teal-200: var(--tms-color-teal200); --tms-color-utility-teal-300: var(--tms-color-teal300); --tms-color-utility-teal-400: var(--tms-color-teal400); --tms-color-utility-teal-500: var(--tms-color-teal500); --tms-color-utility-teal-600: var(--tms-color-teal600); --tms-color-utility-teal-700: var(--tms-color-teal700); --tms-color-utility-teal-800: var(--tms-color-teal800); --tms-color-utility-teal-900: var(--tms-color-teal900); /*Yellow*/ --tms-color-utility-yellow-50: var(--tms-color-yellow050); --tms-color-utility-yellow-100: var(--tms-color-yellow100); --tms-color-utility-yellow-200: var(--tms-color-yellow200); --tms-color-utility-yellow-300: var(--tms-color-yellow300); --tms-color-utility-yellow-400: var(--tms-color-yellow400); --tms-color-utility-yellow-500: var(--tms-color-yellow500); --tms-color-utility-yellow-600: var(--tms-color-yellow600); --tms-color-utility-yellow-700: var(--tms-color-yellow700); --tms-color-utility-yellow-800: var(--tms-color-yellow800); --tms-color-utility-yellow-900: var(--tms-color-yellow900); /*Purple*/ --tms-color-utility-purple-50: var(--tms-color-purple050); --tms-color-utility-purple-100: var(--tms-color-purple100); --tms-color-utility-purple-200: var(--tms-color-purple200); --tms-color-utility-purple-300: var(--tms-color-purple300); --tms-color-utility-purple-400: var(--tms-color-purple400); --tms-color-utility-purple-500: var(--tms-color-purple500); --tms-color-utility-purple-600: var(--tms-color-purple600); --tms-color-utility-purple-700: var(--tms-color-purple700); --tms-color-utility-purple-800: var(--tms-color-purple800); --tms-color-utility-purple-900: var(--tms-color-purple900); /*Cyan*/ --tms-color-utility-cyan-50: var(--tms-color-cyan050); --tms-color-utility-cyan-100: var(--tms-color-cyan100); --tms-color-utility-cyan-200: var(--tms-color-cyan200); --tms-color-utility-cyan-300: var(--tms-color-cyan300); --tms-color-utility-cyan-400: var(--tms-color-cyan400); --tms-color-utility-cyan-500: var(--tms-color-cyan500); --tms-color-utility-cyan-600: var(--tms-color-cyan600); --tms-color-utility-cyan-700: var(--tms-color-cyan700); --tms-color-utility-cyan-800: var(--tms-color-cyan800); --tms-color-utility-cyan-900: var(--tms-color-cyan900); /*Fuchsia*/ --tms-color-utility-fuchsia-50: var(--tms-color-fuchsia050); --tms-color-utility-fuchsia-100: var(--tms-color-fuchsia100); --tms-color-utility-fuchsia-200: var(--tms-color-fuchsia200); --tms-color-utility-fuchsia-300: var(--tms-color-fuchsia300); --tms-color-utility-fuchsia-400: var(--tms-color-fuchsia400); --tms-color-utility-fuchsia-500: var(--tms-color-fuchsia500); --tms-color-utility-fuchsia-600: var(--tms-color-fuchsia600); --tms-color-utility-fuchsia-700: var(--tms-color-fuchsia700); --tms-color-utility-fuchsia-800: var(--tms-color-fuchsia800); --tms-color-utility-fuchsia-900: var(--tms-color-fuchsia900); /*Rose*/ --tms-color-utility-rose-50: var(--tms-color-rose050); --tms-color-utility-rose-100: var(--tms-color-rose100); --tms-color-utility-rose-200: var(--tms-color-rose200); --tms-color-utility-rose-300: var(--tms-color-rose300); --tms-color-utility-rose-400: var(--tms-color-rose400); --tms-color-utility-rose-500: var(--tms-color-rose500); --tms-color-utility-rose-600: var(--tms-color-rose600); --tms-color-utility-rose-700: var(--tms-color-rose700); --tms-color-utility-rose-800: var(--tms-color-rose800); --tms-color-utility-rose-900: var(--tms-color-rose900); /*Color primary variables*/ --tms-color-white: #ffffff; --tms-color-black: #000000; --tms-color-gray025: #FCFCFC; --tms-color-gray050: #FAFAFA; --tms-color-gray100: #F5F5F5; --tms-color-gray150: #EBEBEB; --tms-color-gray200: #E5E5E5; --tms-color-gray300: #D6D6D6; --tms-color-gray400: #A3A3A3; --tms-color-gray500: #737373; --tms-color-gray600: #4D4D4D; --tms-color-gray650: #474747; --tms-color-gray700: #424242; --tms-color-gray750: #333333; --tms-color-gray800: #292929; --tms-color-gray850: #1E1E1E; --tms-color-gray900: #171717; --tms-color-gray950: #0F0F0F; --tms-color-growthgreen025: #E8EBEB; --tms-color-growthgreen050: #E8EBEB; --tms-color-growthgreen100: #D0D7D6; --tms-color-growthgreen200: #A1AFAD; --tms-color-growthgreen300: #738685; --tms-color-growthgreen400: #445E5C; --tms-color-growthgreen500: #153633; --tms-color-growthgreen600: #112B29; --tms-color-growthgreen650: #112B29; --tms-color-growthgreen700: #0D201F; --tms-color-growthgreen750: #0D201F; --tms-color-growthgreen800: #081614; --tms-color-growthgreen850: #081614; --tms-color-growthgreen900: #040B0A; --tms-color-growthgreen950: #020505; --tms-color-focusgreen025: #E9EFED; --tms-color-focusgreen050: #E9EFED; --tms-color-focusgreen100: #D2DEDC; --tms-color-focusgreen200: #A6BDB9; --tms-color-focusgreen300: #799D95; --tms-color-focusgreen400: #4D7C72; --tms-color-focusgreen500: #205B4F; --tms-color-focusgreen600: #1A493F; --tms-color-focusgreen650: #1A493F; --tms-color-focusgreen700: #13372F; --tms-color-focusgreen750: #13372F; --tms-color-focusgreen800: #0D2420; --tms-color-focusgreen850: #0D2420; --tms-color-focusgreen900: #061210; --tms-color-focusgreen950: #030908; --tms-color-wood025: #FBFAF8; --tms-color-wood050: #FBFAF8; --tms-color-wood100: #F7F5F1; --tms-color-wood200: #EEEAE4; --tms-color-wood300: #E6E0D6; --tms-color-wood400: #DDD5C9; --tms-color-wood500: #D5CBBB; --tms-color-wood600: #AAA296; --tms-color-wood650: #AAA296; --tms-color-wood700: #807A70; --tms-color-wood750: #807A70; --tms-color-wood800: #55514B; --tms-color-wood850: #55514B; --tms-color-wood900: #2B2925; --tms-color-wood950: #151413; --tms-color-brand025: #ECFEEE; --tms-color-brand050: #DFFEE3; --tms-color-brand100: #BEFCC8; --tms-color-brand200: #9EFBAC; --tms-color-brand300: #7DF990; --tms-color-brand400: #5CF775; --tms-color-brand500: #3CF659; --tms-color-brand600: #32CD4A; --tms-color-brand650: #32CD4A; --tms-color-brand700: #28A43B; --tms-color-brand750: #28A43B; --tms-color-brand800: #1E7B2D; --tms-color-brand850: #1E7B2D; --tms-color-brand900: #14521E; --tms-color-brand950: #0A290F; --tms-color-error025: #FFFBFA; --tms-color-error050: #FEF3F2; --tms-color-error100: #FEE4E2; --tms-color-error150: #FED6D2; --tms-color-error200: #FECDCA; --tms-color-error300: #FDA29B; --tms-color-error400: #F97066; --tms-color-error500: #F04438; --tms-color-error600: #D92D20; --tms-color-error650: #D92D20; --tms-color-error700: #B42318; --tms-color-error750: #B42318; --tms-color-error800: #912018; --tms-color-error850: #912018; --tms-color-error900: #7A271A; --tms-color-error950: #55160C; --tms-color-warning025: #FFFCF5; --tms-color-warning050: #FFFAEB; --tms-color-warning100: #FEF0C7; --tms-color-warning150: #FEEAAF; --tms-color-warning200: #FEDF89; --tms-color-warning300: #FEC84B; --tms-color-warning400: #FDB022; --tms-color-warning500: #F79009; --tms-color-warning600: #DC6803; --tms-color-warning650: #DC6803; --tms-color-warning700: #B54708; --tms-color-warning750: #B54708; --tms-color-warning800: #93370D; --tms-color-warning850: #93370D; --tms-color-warning900: #7A2E0E; --tms-color-warning950: #4E1D09; --tms-color-success025: #F6FEF9; --tms-color-success050: #ECFDF3; --tms-color-success100: #DCFAE6; --tms-color-success150: #C8F9D8; --tms-color-success200: #ABEFC6; --tms-color-success300: #75E0A7; --tms-color-success400: #47CD89; --tms-color-success500: #17B26A; --tms-color-success600: #079455; --tms-color-success650: #079455; --tms-color-success700: #067647; --tms-color-success750: #067647; --tms-color-success800: #085D3A; --tms-color-success850: #085D3A; --tms-color-success900: #074D31; --tms-color-success950: #053321; --tms-color-info025: #F5F8FF; --tms-color-info050: #EFF4FF; --tms-color-info100: #D1E0FF; --tms-color-info200: #B2CCFF; --tms-color-info300: #84ADFF; --tms-color-info400: #528BFF; --tms-color-info500: #2970FF; --tms-color-info600: #155EEF; --tms-color-info650: #155EEF; --tms-color-info700: #004EEB; --tms-color-info750: #004EEB; --tms-color-info800: #0040C1; --tms-color-info850: #0040C1; --tms-color-info900: #00359E; --tms-color-info950: #002266; /* Secondary Colors */ --tms-color-green025: #F6FEF9; --tms-color-green050: #EDFCF2; --tms-color-green100: #D3F8DF; --tms-color-green200: #AAF0C4; --tms-color-green300: #73E2A3; --tms-color-green400: #3CCB7F; --tms-color-green500: #16B364; --tms-color-green600: #099250; --tms-color-green650: #099250; --tms-color-green700: #087443; --tms-color-green750: #087443; --tms-color-green800: #095C37; --tms-color-green850: #095C37; --tms-color-green900: #084C2E; --tms-color-green950: #052E1C; --tms-color-teal025: #F6FEFC; --tms-color-teal050: #F0FDF9; --tms-color-teal100: #CCFBEF; --tms-color-teal200: #99F6E0; --tms-color-teal300: #5FE9D0; --tms-color-teal400: #2ED3B7; --tms-color-teal500: #15B79E; --tms-color-teal600: #0E9384; --tms-color-teal650: #0E9384; --tms-color-teal700: #107569; --tms-color-teal750: #107569; --tms-color-teal800: #125D56; --tms-color-teal850: #125D56; --tms-color-teal900: #134E48; --tms-color-teal950: #0A2926; --tms-color-cyan025: #F5FEFF; --tms-color-cyan050: #ECFDFF; --tms-color-cyan100: #CFF9FE; --tms-color-cyan200: #A5F0FC; --tms-color-cyan300: #67E3F9; --tms-color-cyan400: #22CCEE; --tms-color-cyan500: #06AED4; --tms-color-cyan600: #088AB2; --tms-color-cyan650: #088AB2; --tms-color-cyan700: #0E7090; --tms-color-cyan750: #0E7090; --tms-color-cyan800: #155B75; --tms-color-cyan850: #155B75; --tms-color-cyan900: #164C63; --tms-color-cyan950: #000000; --tms-color-purple025: #F5F8FF; --tms-color-purple050: #EEF4FF; --tms-color-purple100: #E0EAFF; --tms-color-purple200: #C7D7FE; --tms-color-purple300: #A4BCFD; --tms-color-purple400: #8098F9; --tms-color-purple500: #6172F3; --tms-color-purple600: #444CE7; --tms-color-purple650: #444CE7; --tms-color-purple700: #3538CD; --tms-color-purple750: #3538CD; --tms-color-purple800: #2D31A6; --tms-color-purple850: #2D31A6; --tms-color-purple900: #2D3282; --tms-color-purple950: #1F235B; --tms-color-fuchsia025: #FEFAFF; --tms-color-fuchsia050: #FDF4FF; --tms-color-fuchsia100: #FBE8FF; --tms-color-fuchsia200: #F6D0FE; --tms-color-fuchsia300: #EEAAFD; --tms-color-fuchsia400: #E478FA; --tms-color-fuchsia500: #D444F1; --tms-color-fuchsia600: #BA24D5; --tms-color-fuchsia650: #BA24D5; --tms-color-fuchsia700: #9F1AB1; --tms-color-fuchsia750: #9F1AB1; --tms-color-fuchsia800: #821890; --tms-color-fuchsia850: #821890; --tms-color-fuchsia900: #6F1877; --tms-color-fuchsia950: #47104C; --tms-color-pink025: #FEF6FB; --tms-color-pink050: #FDF2FA; --tms-color-pink100: #FCE7F6; --tms-color-pink200: #FCCEEE; --tms-color-pink300: #FAA7E0; --tms-color-pink400: #F670C7; --tms-color-pink500: #EE46BC; --tms-color-pink600: #DD2590; --tms-color-pink650: #DD2590; --tms-color-pink700: #C11574; --tms-color-pink750: #C11574; --tms-color-pink800: #9E165F; --tms-color-pink850: #9E165F; --tms-color-pink900: #851651; --tms-color-pink950: #4E0D30; --tms-color-rose025: #FFF5F6; --tms-color-rose050: #FFF1F3; --tms-color-rose100: #FFE4E8; --tms-color-rose200: #FECDD6; --tms-color-rose300: #FEA3B4; --tms-color-rose400: #FD6F8E; --tms-color-rose500: #F63D68; --tms-color-rose600: #E31B54; --tms-color-rose650: #E31B54; --tms-color-rose700: #C01048; --tms-color-rose750: #C01048; --tms-color-rose800: #A11043; --tms-color-rose850: #A11043; --tms-color-rose900: #89123E; --tms-color-rose950: #510B24; --tms-color-yellow025: #FEFDF0; --tms-color-yellow050: #FEFBE8; --tms-color-yellow100: #FEF7C3; --tms-color-yellow200: #FEEE95; --tms-color-yellow300: #FDE272; --tms-color-yellow400: #FAC515; --tms-color-yellow500: #EAAA08; --tms-color-yellow600: #CA8504; --tms-color-yellow650: #CA8504; --tms-color-yellow700: #A15C07; --tms-color-yellow750: #A15C07; --tms-color-yellow800: #854A0E; --tms-color-yellow850: #854A0E; --tms-color-yellow900: #713B12; --tms-color-yellow950: #542C0D; } .tms-color-text-primary { color: var(--tms-color-text-primary); } .tms-color-text-secondary { color: var(--tms-color-text-secondary); } .tms-color-text-tertiary { color: var(--tms-color-text-tertiary); } .tms-color-text-quarterary { color: var(--tms-color-text-quarterary); } .tms-color-text-tertiary-on-brand { color: var(--tms-color-text-tertiary-on-brand); } .tms-color-text-primary-on-brand { color: var(--tms-color-text-primary-on-brand); } .tms-color-text-disabled { color: var(--tms-color-text-disabled) !important; } .tms-color-text-white { color: var(--tms-color-text-white); } .tms-color-text-error-primary { color: var(--tms-color-text-error-primary); } .tms-color-icon-primary { color: var(--tms-color-fg-primary); } .tms-color-icon-secondary { color: var(--tms-color-fg-secondary); } .tms-color-icon-tertiary { color: var(--tms-color-fg-tertiary); } .tms-color-icon-quarterary { color: var(--tms-color-fg-quarterary); } .tms-color-icon-disabled { color: var(--tms-color-fg-disabled) !important; } .tms-color-icon-white { color: var(--tms-color-fg-white); } .tms-color-icon-error-primary { color: var(--tms-color-fg-error-primary); }