@charset "UTF-8"; /* ============================================ 🎨 OPTION 1 – PURPLE + TEAL (Accessible) BRAND 1: Deep purple for typography & interaction backgrounds BRAND 2: Soft aqua-teal for backgrounds, borders & interaction text BRAND 3: Rich teal for CTAs & accents Dark mode uses light purple text & bright teal accents on black ============================================ */ /* ============================================ 🎨 OPTION 4 – PURPLE + BLUE (Accessible) BRAND 1: Rich purple for typography & interaction backgrounds BRAND 2: Pale sky-blue for backgrounds, borders & interaction text BRAND 3: Vivid blue for CTAs & accents Dark mode uses light purple text & sky-blue accents on black ============================================ */ html { --ct-color-light-heading: #1e0838; --ct-color-light-body: #3f3649; --ct-color-light-background-light: #fcfeff; --ct-color-light-background: #E3F2FD; --ct-color-light-background-dark: #b6c2ca; --ct-color-light-border-light: #aab6be; --ct-color-light-border: #5b6165; --ct-color-light-border-dark: #171819; --ct-color-light-interaction-text: #f9fcff; --ct-color-light-interaction-background: #4A148C; --ct-color-light-interaction-hover-text: #f9fcff; --ct-color-light-interaction-hover-background: #2c0c54; --ct-color-light-interaction-focus: #8b5cd7; --ct-color-light-highlight: #1976D2; --ct-color-light-information: #007cbf; --ct-color-light-warning: #c95100; --ct-color-light-error: #ce3836; --ct-color-light-success: green; --ct-color-light-custom1: brown; --ct-color-light-brand1: #4A148C; --ct-color-light-brand2: #E3F2FD; --ct-color-light-brand3: #1976D2; --ct-color-dark-heading: #fdfafd; --ct-color-dark-body: #f8eff9; --ct-color-dark-background-light: #1e1e1e; --ct-color-dark-background: #121212; --ct-color-dark-background-dark: #0d0d0d; --ct-color-dark-border-light: #acacac; --ct-color-dark-border: #2a2a2a; --ct-color-dark-border-dark: #0d0d0d; --ct-color-dark-interaction-text: #121212; --ct-color-dark-interaction-background: #CE93D8; --ct-color-dark-interaction-hover-text: #0d0d0d; --ct-color-dark-interaction-hover-background: #e2bee8; --ct-color-dark-interaction-focus: #8b5cd7; --ct-color-dark-highlight: #90CAF9; --ct-color-dark-information: #4cc4fc; --ct-color-dark-warning: #e38444; --ct-color-dark-error: #e85653; --ct-color-dark-success: #12b0ae; --ct-color-dark-custom1: red; --ct-color-dark-custom2: orange; --ct-color-dark-custom3: blue; --ct-color-dark-brand1: #CE93D8; --ct-color-dark-brand2: #121212; --ct-color-dark-brand3: #90CAF9; --ct-back-to-top-light-background-color: var(--ct-color-light-custom1); --ct-collapsible-light-color: var(--ct-color-light-body); --ct-collapsible-light-icon-color: var(--ct-color-light-body); --ct-collapsible-dark-color: var(--ct-color-dark-body); --ct-collapsible-dark-icon-color: var(--ct-color-dark-body); --ct-chip-light-background-color: var(--ct-color-light-interaction-text); --ct-chip-light-border-color: var(--ct-color-light-interaction-background); --ct-chip-light-color: var(--ct-color-light-interaction-background); --ct-chip-light-selected-background-color: var(--ct-color-light-interaction-background); --ct-chip-light-selected-border-color: var(--ct-color-light-interaction-background); --ct-chip-light-selected-color: var(--ct-color-light-interaction-hover-text); --ct-chip-light-selected-hover-color: var(--ct-color-light-interaction-text); --ct-chip-light-selected-hover-background-color: var(--ct-color-light-interaction-hover-background); --ct-chip-light-selected-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-chip-light-hover-background-color: var(--ct-color-light-interaction-text); --ct-chip-light-hover-color: var(--ct-color-light-interaction-hover-background); --ct-chip-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-chip-light-focus-outline-color: var(--ct-color-light-interaction-focus); --ct-chip-dark-background-color: var(--ct-color-dark-interaction-text); --ct-chip-dark-border-color: var(--ct-color-dark-interaction-background); --ct-chip-dark-color: var(--ct-color-dark-interaction-background); --ct-chip-dark-selected-background-color: var(--ct-color-dark-interaction-background); --ct-chip-dark-selected-border-color: var(--ct-color-dark-interaction-background); --ct-chip-dark-selected-color: var(--ct-color-dark-interaction-hover-text); --ct-chip-dark-selected-hover-color: var(--ct-color-dark-interaction-text); --ct-chip-dark-selected-hover-background-color: var(--ct-color-dark-interaction-hover-background); --ct-chip-dark-selected-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-chip-dark-hover-background-color: var(--ct-color-dark-interaction-text); --ct-chip-dark-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-chip-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-chip-dark-focus-outline-color: var(--ct-color-dark-interaction-focus); --ct-content-link-light-color: var(--ct-color-light-interaction-background); --ct-content-link-light-hover-background-color: var(--ct-color-light-interaction-hover-background); --ct-content-link-light-hover-color: var(--ct-color-light-interaction-hover-text); --ct-content-link-light-visited-color: var(--ct-color-light-body); --ct-content-link-light-visited-hover-color: var(--ct-color-light-interaction-hover-text); --ct-content-link-light-visited-hover-border-color: var(--ct-color-light-interaction-focus); --ct-content-link-dark-color: var(--ct-color-dark-interaction-background); --ct-content-link-dark-hover-background-color: var(--ct-color-dark-interaction-hover-background); --ct-content-link-dark-hover-color: var(--ct-color-dark-interaction-hover-text); --ct-content-link-dark-visited-color: var(--ct-color-dark-body); --ct-content-link-dark-visited-hover-color: var(--ct-color-dark-interaction-hover-text); --ct-content-link-dark-visited-hover-border-color: var(--ct-color-dark-interaction-focus); --ct-heading-light-color: var(--ct-color-light-heading); --ct-heading-dark-color: var(--ct-color-dark-heading); --ct-iframe-light-wrapper-background-color: var(--ct-color-light-background-light); --ct-iframe-dark-wrapper-background-color: var(--ct-color-dark-background-light); --ct-link-light-color: var(--ct-color-light-interaction-background); --ct-link-light-hover-color: var(--ct-color-light-interaction-hover-background); --ct-link-light-visited-color: var(--ct-color-light-interaction-background); --ct-link-light-active-color: var(--ct-color-light-body); --ct-link-dark-color: var(--ct-color-dark-interaction-background); --ct-link-dark-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-link-dark-visited-color: var(--ct-color-dark-interaction-background); --ct-link-dark-active-color: var(--ct-color-dark-body); --ct-popover-light-content-background-color: var(--ct-color-light-background-light); --ct-popover-dark-content-background-color: var(--ct-color-dark-background); --ct-table-light-background-color: var(--ct-color-light-background-light); --ct-table-light-border-color: var(--ct-color-light-border); --ct-table-light-caption-color: var(--ct-color-light-body); --ct-table-light-color: var(--ct-color-light-body); --ct-table-light-footer-border-color: var(--ct-color-light-border); --ct-table-light-footer-color: var(--ct-color-light-heading); --ct-table-light-header-border-color: var(--ct-color-light-border); --ct-table-light-header-color: var(--ct-color-light-heading); --ct-table-light-row-even-background-color: var(--ct-color-light-background); --ct-table-light-row-even-color: var(--ct-color-light-body); --ct-table-light-row-odd-background-color: var(--ct-color-light-background-light); --ct-table-light-row-odd-color: var(--ct-color-light-body); --ct-table-dark-background-color: var(--ct-color-dark-background); --ct-table-dark-border-color: var(--ct-color-dark-border); --ct-table-dark-caption-color: var(--ct-color-dark-body); --ct-table-dark-color: var(--ct-color-dark-body); --ct-table-dark-footer-border-color: var(--ct-color-dark-border); --ct-table-dark-footer-color: var(--ct-color-dark-heading); --ct-table-dark-header-border-color: var(--ct-color-dark-border); --ct-table-dark-header-color: var(--ct-color-dark-heading); --ct-table-dark-row-even-background-color: var(--ct-color-dark-background-light); --ct-table-dark-row-even-color: var(--ct-color-dark-body); --ct-table-dark-row-odd-background-color: var(--ct-color-dark-background); --ct-table-dark-row-odd-color: var(--ct-color-dark-body); --ct-tag-light-primary-background-color: var(--ct-color-light-interaction-background); --ct-tag-light-primary-border-color: var(--ct-color-light-interaction-background); --ct-tag-light-primary-color: var(--ct-color-light-interaction-text); --ct-tag-light-secondary-background-color: transparent; --ct-tag-light-secondary-border-color: var(--ct-color-light-interaction-background); --ct-tag-light-secondary-color: var(--ct-color-light-interaction-background); --ct-tag-light-tertiary-background-color: transparent; --ct-tag-light-tertiary-border-color: transparent; --ct-tag-light-tertiary-color: var(--ct-color-light-interaction-background); --ct-tag-dark-primary-background-color: var(--ct-color-dark-interaction-background); --ct-tag-dark-primary-border-color: var(--ct-color-dark-interaction-background); --ct-tag-dark-primary-color: var(--ct-color-dark-interaction-text); --ct-tag-dark-secondary-background-color: transparent; --ct-tag-dark-secondary-border-color: var(--ct-color-dark-interaction-background); --ct-tag-dark-secondary-color: var(--ct-color-dark-interaction-background); --ct-tag-dark-tertiary-background-color: transparent; --ct-tag-dark-tertiary-border-color: transparent; --ct-tag-dark-tertiary-color: var(--ct-color-dark-interaction-background); --ct-button-light-primary-background-color: var(--ct-color-light-interaction-background); --ct-button-light-primary-border-color: var(--ct-color-light-interaction-background); --ct-button-light-primary-color: var(--ct-color-light-interaction-text); --ct-button-light-primary-hover-background-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-primary-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-primary-hover-color: var(--ct-color-light-interaction-hover-text); --ct-button-light-primary-visited-background-color: var(--ct-color-light-interaction-background); --ct-button-light-primary-visited-border-color: var(--ct-color-light-interaction-background); --ct-button-light-primary-visited-color: var(--ct-color-light-interaction-text); --ct-button-light-primary-active-background-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-primary-active-border-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-primary-active-color: var(--ct-color-light-interaction-hover-text); --ct-button-light-primary-focus-outline-color: var(--ct-color-light-interaction-focus); --ct-button-dark-primary-background-color: var(--ct-color-dark-interaction-background); --ct-button-dark-primary-border-color: var(--ct-color-dark-interaction-background); --ct-button-dark-primary-color: var(--ct-color-dark-interaction-text); --ct-button-dark-primary-hover-background-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-primary-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-primary-hover-color: var(--ct-color-dark-interaction-hover-text); --ct-button-dark-primary-visited-background-color: var(--ct-color-dark-interaction-background); --ct-button-dark-primary-visited-border-color: var(--ct-color-dark-interaction-background); --ct-button-dark-primary-visited-color: var(--ct-color-dark-interaction-text); --ct-button-dark-primary-active-background-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-primary-active-border-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-primary-active-color: var(--ct-color-dark-interaction-hover-text); --ct-button-dark-primary-focus-outline-color: var(--ct-color-dark-interaction-focus); --ct-button-light-secondary-background-color: transparent; --ct-button-light-secondary-border-color: var(--ct-color-light-interaction-background); --ct-button-light-secondary-color: var(--ct-color-light-interaction-background); --ct-button-light-secondary-hover-background-color: transparent; --ct-button-light-secondary-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-secondary-hover-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-secondary-visited-background-color: transparent; --ct-button-light-secondary-visited-border-color: var(--ct-color-light-interaction-background); --ct-button-light-secondary-visited-color: var(--ct-color-light-interaction-background); --ct-button-light-secondary-active-background-color: transparent; --ct-button-light-secondary-active-border-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-secondary-active-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-secondary-focus-outline-color: var(--ct-color-light-interaction-focus); --ct-button-dark-secondary-background-color: transparent; --ct-button-dark-secondary-border-color: var(--ct-color-dark-interaction-background); --ct-button-dark-secondary-color: var(--ct-color-dark-interaction-background); --ct-button-dark-secondary-hover-background-color: transparent; --ct-button-dark-secondary-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-secondary-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-secondary-visited-background-color: transparent; --ct-button-dark-secondary-visited-border-color: var(--ct-color-dark-interaction-background); --ct-button-dark-secondary-visited-color: var(--ct-color-dark-interaction-background); --ct-button-dark-secondary-active-background-color: transparent; --ct-button-dark-secondary-active-border-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-secondary-active-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-secondary-focus-outline-color: var(--ct-color-dark-interaction-focus); --ct-button-light-tertiary-background-color: transparent; --ct-button-light-tertiary-border-color: transparent; --ct-button-light-tertiary-color: var(--ct-color-light-interaction-background); --ct-button-light-tertiary-hover-background-color: transparent; --ct-button-light-tertiary-hover-border-color: transparent; --ct-button-light-tertiary-hover-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-tertiary-visited-background-color: transparent; --ct-button-light-tertiary-visited-border-color: transparent; --ct-button-light-tertiary-visited-color: var(--ct-color-light-interaction-background); --ct-button-light-tertiary-active-background-color: transparent; --ct-button-light-tertiary-active-border-color: transparent; --ct-button-light-tertiary-active-color: var(--ct-color-light-interaction-hover-background); --ct-button-light-tertiary-focus-outline-color: var(--ct-color-light-interaction-focus); --ct-button-dark-tertiary-background-color: transparent; --ct-button-dark-tertiary-border-color: transparent; --ct-button-dark-tertiary-color: var(--ct-color-dark-interaction-background); --ct-button-dark-tertiary-hover-background-color: transparent; --ct-button-dark-tertiary-hover-border-color: transparent; --ct-button-dark-tertiary-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-tertiary-visited-background-color: transparent; --ct-button-dark-tertiary-visited-border-color: transparent; --ct-button-dark-tertiary-visited-color: var(--ct-color-dark-interaction-background); --ct-button-dark-tertiary-active-background-color: transparent; --ct-button-dark-tertiary-active-border-color: transparent; --ct-button-dark-tertiary-active-color: var(--ct-color-dark-interaction-hover-background); --ct-button-dark-tertiary-focus-outline-color: var(--ct-color-dark-interaction-focus); --ct-checkbox-disabled-opacity: 40%; --ct-checkbox-light-background-color: transparent; --ct-checkbox-light-border-color: var(--ct-color-light-border-light); --ct-checkbox-light-color: var(--ct-color-light-body); --ct-checkbox-light-hover-background-color: transparent; --ct-checkbox-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-checkbox-light-hover-color: var(--ct-color-light-body); --ct-checkbox-light-checked-background-color: transparent; --ct-checkbox-light-checked-border-color: var(--ct-color-light-interaction-background); --ct-checkbox-light-checked-color: var(--ct-color-light-body); --ct-checkbox-light-checked-hover-background-color: transparent; --ct-checkbox-light-checked-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-checkbox-light-checked-hover-color: var(--ct-color-light-body); --ct-checkbox-light-invalid-background-color: transparent; --ct-checkbox-light-invalid-border-color: var(--ct-color-light-error); --ct-checkbox-light-invalid-color: var(--ct-color-light-error); --ct-checkbox-light-outline-color: var(--ct-color-light-interaction-focus); --ct-checkbox-dark-background-color: transparent; --ct-checkbox-dark-border-color: var(--ct-color-dark-border-light); --ct-checkbox-dark-color: var(--ct-color-dark-body); --ct-checkbox-dark-hover-background-color: transparent; --ct-checkbox-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-checkbox-dark-hover-color: var(--ct-color-dark-body); --ct-checkbox-dark-checked-background-color: transparent; --ct-checkbox-dark-checked-border-color: var(--ct-color-dark-interaction-background); --ct-checkbox-dark-checked-color: var(--ct-color-dark-body); --ct-checkbox-dark-checked-hover-background-color: transparent; --ct-checkbox-dark-checked-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-checkbox-dark-checked-hover-color: var(--ct-color-dark-body); --ct-checkbox-dark-invalid-background-color: transparent; --ct-checkbox-dark-invalid-border-color: var(--ct-color-dark-error); --ct-checkbox-dark-invalid-color: var(--ct-color-dark-error); --ct-checkbox-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-field-description-light-color: var(--ct-color-light-body); --ct-field-description-dark-color: var(--ct-color-dark-body); --ct-field-message-light-error-background-color: #f8e1e1; --ct-field-message-light-error-border-color: var(--ct-color-light-error); --ct-field-message-light-error-color: var(--ct-color-light-body); --ct-field-message-light-error-icon-color: var(--ct-color-light-body); --ct-field-message-light-information-background-color: #d9ebf5; --ct-field-message-light-information-border-color: var(--ct-color-light-information); --ct-field-message-light-information-color: var(--ct-color-light-body); --ct-field-message-light-information-icon-color: var(--ct-color-light-body); --ct-field-message-light-success-border-color: var(--ct-color-light-success); --ct-field-message-light-success-background-color: #d9ecd9; --ct-field-message-light-success-color: var(--ct-color-light-body); --ct-field-message-light-success-icon-color: var(--ct-color-light-body); --ct-field-message-light-warning-background-color: #f7e5d9; --ct-field-message-light-warning-border-color: var(--ct-color-light-warning); --ct-field-message-light-warning-color: var(--ct-color-light-body); --ct-field-message-light-warning-icon-color: var(--ct-color-light-body); --ct-field-message-dark-error-background-color: #ba4542; --ct-field-message-dark-error-border-color: var(--ct-color-dark-error); --ct-field-message-dark-error-color: var(--ct-color-dark-body); --ct-field-message-dark-error-icon-color: var(--ct-color-dark-body); --ct-field-message-dark-information-background-color: #3d9dca; --ct-field-message-dark-information-border-color: var(--ct-color-dark-information); --ct-field-message-dark-information-color: var(--ct-color-dark-body); --ct-field-message-dark-information-icon-color: var(--ct-color-dark-body); --ct-field-message-dark-success-border-color: var(--ct-color-dark-success); --ct-field-message-dark-success-background-color: #0e8d8b; --ct-field-message-dark-success-color: var(--ct-color-dark-body); --ct-field-message-dark-success-icon-color: var(--ct-color-dark-body); --ct-field-message-dark-warning-background-color: #b66a36; --ct-field-message-dark-warning-border-color: var(--ct-color-dark-warning); --ct-field-message-dark-warning-color: var(--ct-color-dark-body); --ct-field-message-dark-warning-icon-color: var(--ct-color-dark-body); --ct-fieldset-light-required-color: var(--ct-color-light-error); --ct-fieldset-light-stripe-border-color: var(--ct-color-light-highlight); --ct-fieldset-dark-required-color: var(--ct-color-dark-error); --ct-input-disabled-opacity: 40%; --ct-input-light-background-color: var(--ct-color-light-background-light); --ct-input-light-border-color: var(--ct-color-light-border); --ct-input-light-color: var(--ct-color-light-body); --ct-input-light-hover-background-color: var(--ct-color-light-background-light); --ct-input-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-input-light-hover-color: var(--ct-color-light-body); --ct-input-light-focus-background-color: var(--ct-color-light-background-light); --ct-input-light-focus-border-color: var(--ct-color-light-interaction-background); --ct-input-light-focus-color: var(--ct-color-light-body); --ct-input-light-invalid-background-color: var(--ct-color-light-background-light); --ct-input-light-invalid-border-color: var(--ct-color-light-error); --ct-input-light-invalid-color: var(--ct-color-light-body); --ct-input-light-outline-color: var(--ct-color-light-interaction-focus); --ct-input-dark-background-color: var(--ct-color-dark-background-dark); --ct-input-dark-border-color: var(--ct-color-dark-border-light); --ct-input-dark-color: var(--ct-color-dark-body); --ct-input-dark-hover-background-color: var(--ct-color-dark-background-dark); --ct-input-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-input-dark-hover-color: var(--ct-color-dark-body); --ct-input-dark-focus-background-color: var(--ct-color-dark-background); --ct-input-dark-focus-border-color: var(--ct-color-dark-interaction-background); --ct-input-dark-focus-color: var(--ct-color-dark-body); --ct-input-dark-invalid-background-color: var(--ct-color-dark-background-dark); --ct-input-dark-invalid-border-color: var(--ct-color-dark-error); --ct-input-dark-invalid-color: var(--ct-color-dark-body); --ct-input-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-label-light-color: var(--ct-color-light-heading); --ct-label-light-required-color: var(--ct-color-light-error); --ct-label-dark-color: var(--ct-color-dark-heading); --ct-label-dark-required-color: var(--ct-color-dark-error); --ct-radio-disabled-opacity: 40%; --ct-radio-light-background-color: transparent; --ct-radio-light-border-color: var(--ct-color-light-border-light); --ct-radio-light-color: var(--ct-color-light-body); --ct-radio-light-hover-background-color: transparent; --ct-radio-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-radio-light-hover-color: var(--ct-color-light-body); --ct-radio-light-checked-background-color: transparent; --ct-radio-light-checked-border-color: var(--ct-color-light-interaction-background); --ct-radio-light-checked-color: var(--ct-color-light-body); --ct-radio-light-checked-hover-background-color: transparent; --ct-radio-light-checked-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-radio-light-checked-hover-color: var(--ct-color-light-body); --ct-radio-light-invalid-background-color: transparent; --ct-radio-light-invalid-border-color: var(--ct-color-light-error); --ct-radio-light-invalid-color: var(--ct-color-light-error); --ct-radio-light-outline-color: var(--ct-color-light-interaction-focus); --ct-radio-dark-background-color: transparent; --ct-radio-dark-border-color: var(--ct-color-dark-border-light); --ct-radio-dark-color: var(--ct-color-dark-body); --ct-radio-dark-hover-background-color: transparent; --ct-radio-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-radio-dark-hover-color: var(--ct-color-dark-body); --ct-radio-dark-checked-background-color: transparent; --ct-radio-dark-checked-border-color: var(--ct-color-dark-interaction-background); --ct-radio-dark-checked-color: var(--ct-color-dark-body); --ct-radio-dark-checked-hover-background-color: transparent; --ct-radio-dark-checked-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-radio-dark-checked-hover-color: var(--ct-color-dark-body); --ct-radio-dark-invalid-background-color: transparent; --ct-radio-dark-invalid-border-color: var(--ct-color-dark-error); --ct-radio-dark-invalid-color: var(--ct-color-dark-error); --ct-radio-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-select-disabled-opacity: 40%; --ct-select-light-background-color: var(--ct-color-light-background-light); --ct-select-light-border-color: var(--ct-color-light-border); --ct-select-light-color: var(--ct-color-light-body); --ct-select-light-option-background-color: var(--ct-color-light-background); --ct-select-light-option-color: inherit; --ct-select-light-hover-background-color: var(--ct-color-light-background-light); --ct-select-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-select-light-hover-color: var(--ct-color-light-body); --ct-select-light-focus-background-color: var(--ct-color-light-background-light); --ct-select-light-focus-border-color: var(--ct-color-light-interaction-background); --ct-select-light-focus-color: var(--ct-color-light-body); --ct-select-light-invalid-background-color: var(--ct-color-light-background-light); --ct-select-light-invalid-border-color: var(--ct-color-light-error); --ct-select-light-invalid-color: var(--ct-color-light-body); --ct-select-light-outline-color: var(--ct-color-light-interaction-focus); --ct-select-dark-background-color: var(--ct-color-dark-background-dark); --ct-select-dark-border-color: var(--ct-color-dark-border-light); --ct-select-dark-color: var(--ct-color-dark-body); --ct-select-dark-option-background-color: var(--ct-color-dark-background-light); --ct-select-dark-option-color: inherit; --ct-select-dark-hover-background-color: var(--ct-color-dark-background-dark); --ct-select-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-select-dark-hover-color: var(--ct-color-dark-body); --ct-select-dark-focus-background-color: var(--ct-color-dark-background); --ct-select-dark-focus-border-color: var(--ct-color-dark-interaction-background); --ct-select-dark-focus-color: var(--ct-color-dark-body); --ct-select-dark-invalid-background-color: var(--ct-color-dark-background); --ct-select-dark-invalid-border-color: var(--ct-color-dark-error); --ct-select-dark-invalid-color: var(--ct-color-dark-body); --ct-select-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-textarea-disabled-opacity: 40%; --ct-textarea-light-background-color: var(--ct-color-light-background-light); --ct-textarea-light-border-color: var(--ct-color-light-border); --ct-textarea-light-color: var(--ct-color-light-body); --ct-textarea-light-hover-background-color: var(--ct-color-light-background-light); --ct-textarea-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-textarea-light-hover-color: var(--ct-color-light-body); --ct-textarea-light-focus-background-color: var(--ct-color-light-background-light); --ct-textarea-light-focus-border-color: var(--ct-color-light-interaction-background); --ct-textarea-light-focus-color: var(--ct-color-light-body); --ct-textarea-light-invalid-background-color: var(--ct-color-light-background-light); --ct-textarea-light-invalid-border-color: var(--ct-color-light-error); --ct-textarea-light-invalid-color: var(--ct-color-light-body); --ct-textarea-light-outline-color: var(--ct-color-light-interaction-focus); --ct-textarea-dark-background-color: var(--ct-color-dark-background-dark); --ct-textarea-dark-border-color: var(--ct-color-dark-border-light); --ct-textarea-dark-color: var(--ct-color-dark-body); --ct-textarea-dark-hover-background-color: var(--ct-color-dark-background-dark); --ct-textarea-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-textarea-dark-hover-color: var(--ct-color-dark-body); --ct-textarea-dark-focus-background-color: var(--ct-color-dark-background); --ct-textarea-dark-focus-border-color: var(--ct-color-dark-interaction-background); --ct-textarea-dark-focus-color: var(--ct-color-dark-body); --ct-textarea-dark-invalid-background-color: var(--ct-color-dark-background-dark); --ct-textarea-dark-invalid-border-color: var(--ct-color-dark-error); --ct-textarea-dark-invalid-color: var(--ct-color-dark-body); --ct-textarea-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-textfield-disabled-opacity: 40%; --ct-textfield-light-background-color: var(--ct-color-light-background-light); --ct-textfield-light-border-color: var(--ct-color-light-border); --ct-textfield-light-color: var(--ct-color-light-body); --ct-textfield-light-hover-background-color: var(--ct-color-light-background-light); --ct-textfield-light-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-textfield-light-hover-color: var(--ct-color-light-body); --ct-textfield-light-focus-background-color: var(--ct-color-light-background-light); --ct-textfield-light-focus-border-color: var(--ct-color-light-interaction-background); --ct-textfield-light-focus-color: var(--ct-color-light-body); --ct-textfield-light-invalid-background-color: var(--ct-color-light-background-light); --ct-textfield-light-invalid-border-color: var(--ct-color-light-error); --ct-textfield-light-invalid-color: var(--ct-color-light-body); --ct-textfield-light-outline-color: var(--ct-color-light-interaction-focus); --ct-textfield-dark-background-color: var(--ct-color-dark-background-dark); --ct-textfield-dark-border-color: var(--ct-color-dark-border-light); --ct-textfield-dark-color: var(--ct-color-dark-body); --ct-textfield-dark-hover-background-color: var(--ct-color-dark-background-dark); --ct-textfield-dark-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-textfield-dark-hover-color: var(--ct-color-dark-body); --ct-textfield-dark-focus-background-color: var(--ct-color-dark-background); --ct-textfield-dark-focus-border-color: var(--ct-color-dark-interaction-background); --ct-textfield-dark-focus-color: var(--ct-color-dark-body); --ct-textfield-dark-invalid-background-color: var(--ct-color-dark-background-dark); --ct-textfield-dark-invalid-border-color: var(--ct-color-dark-error); --ct-textfield-dark-invalid-color: var(--ct-color-dark-body); --ct-textfield-dark-outline-color: var(--ct-color-dark-interaction-focus); --ct-accordion-light-background-color: var(--ct-color-light-background-light); --ct-accordion-light-border-color: var(--ct-color-light-border-light); --ct-accordion-light-color: var(--ct-color-light-body); --ct-accordion-light-button-background-color: var(--ct-color-light-background-light); --ct-accordion-light-button-color: var(--ct-color-light-heading); --ct-accordion-light-icon-color: var(--ct-color-light-interaction-background); --ct-accordion-light-stripe-background-color: var(--ct-color-light-highlight); --ct-accordion-light-wrapper-background-color: var(--ct-color-light-background); --ct-accordion-dark-background-color: var(--ct-color-dark-background-light); --ct-accordion-dark-border-color: var(--ct-color-dark-border); --ct-accordion-dark-color: var(--ct-color-dark-body); --ct-accordion-dark-button-background-color: var(--ct-color-dark-background-light); --ct-accordion-dark-button-color: var(--ct-color-dark-heading); --ct-accordion-dark-icon-color: var(--ct-color-dark-interaction-background); --ct-accordion-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-accordion-dark-wrapper-background-color: var(--ct-color-dark-background-dark); --ct-attachment-light-background-color: var(--ct-color-light-background-light); --ct-attachment-light-border-color: var(--ct-color-light-border-light); --ct-attachment-light-color: var(--ct-color-light-body); --ct-attachment-light-wrapper-background-color: var(--ct-color-light-background); --ct-attachment-dark-background-color: var(--ct-color-dark-background); --ct-attachment-dark-border-color: var(--ct-color-dark-border); --ct-attachment-dark-color: var(--ct-color-dark-body); --ct-attachment-dark-wrapper-background-color: var(--ct-color-dark-background); --ct-back-to-top-background-color: var(--ct-color-light-interaction-background); --ct-back-to-top-border-color: var(--ct-color-light-background-light); --ct-back-to-top-color: var(--ct-color-light-interaction-text); --ct-back-to-top-outline-color: var(--ct-color-light-interaction-focus); --ct-basic-content-light-base-color: var(--ct-color-light-body); --ct-basic-content-light-blockquote-stripe-background-color: var(--ct-color-light-highlight); --ct-basic-content-light-blockquote-color: var(--ct-color-light-body); --ct-basic-content-light-blockquote-background-color: var(--ct-color-light-background-light); --ct-basic-content-light-blockquote-author-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-1-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-2-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-3-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-4-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-5-color: var(--ct-color-light-heading); --ct-basic-content-light-heading-6-color: var(--ct-color-light-heading); --ct-basic-content-light-ol-li-color: var(--ct-color-light-body); --ct-basic-content-light-ol-li-marker-color: var(--ct-color-light-body); --ct-basic-content-light-ul-li-color: var(--ct-color-light-body); --ct-basic-content-light-ul-li-marker-color: var(--ct-color-light-body); --ct-basic-content-light-background-color: var(--ct-color-light-background); --ct-basic-content-dark-base-color: var(--ct-color-dark-body); --ct-basic-content-dark-blockquote-stripe-background-color: var(--ct-color-dark-highlight); --ct-basic-content-dark-blockquote-color: var(--ct-color-dark-body); --ct-basic-content-dark-blockquote-background-color: var(--ct-color-dark-background-light); --ct-basic-content-dark-blockquote-author-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-1-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-2-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-3-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-4-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-5-color: var(--ct-color-dark-heading); --ct-basic-content-dark-heading-6-color: var(--ct-color-dark-heading); --ct-basic-content-dark-ol-li-color: var(--ct-color-dark-body); --ct-basic-content-dark-ol-li-marker-color: var(--ct-color-dark-body); --ct-basic-content-dark-ul-li-color: var(--ct-color-dark-body); --ct-basic-content-dark-ul-li-marker-color: var(--ct-color-dark-body); --ct-basic-content-dark-background-color: var(--ct-color-dark-background); --ct-breadcrumb-light-color: var(--ct-color-light-body); --ct-breadcrumb-light-active-color: var(--ct-color-light-body); --ct-breadcrumb-dark-color: var(--ct-color-dark-body); --ct-breadcrumb-dark-active-color: var(--ct-color-dark-body); --ct-callout-light-background-color: var(--ct-color-light-background); --ct-callout-light-stripe-background-color: var(--ct-color-light-highlight); --ct-callout-dark-background-color: var(--ct-color-dark-background); --ct-callout-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-figure-light-caption-color: var(--ct-color-light-body); --ct-figure-dark-caption-color: var(--ct-color-dark-body); --ct-logo-light-stripe-background-color: var(--ct-color-light-border-dark); --ct-logo-dark-stripe-background-color: var(--ct-color-dark-border-light); --ct-map-light-wrapper-background-color: var(--ct-color-light-background); --ct-map-dark-wrapper-background-color: var(--ct-color-dark-background); --ct-next-step-light-background-color: var(--ct-color-light-background-light); --ct-next-step-light-border-color: var(--ct-color-light-border-light); --ct-next-step-light-stripe-background-color: var(--ct-color-light-highlight); --ct-next-step-dark-background-color: var(--ct-color-dark-background); --ct-next-step-dark-border-color: var(--ct-color-dark-border); --ct-next-step-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-table-of-contents-light-link-background-color: var(--ct-color-light-background-light); --ct-table-of-contents-light-link-color: var(--ct-color-light-heading); --ct-table-of-contents-light-link-hover-background-color: var(--ct-color-light-background); --ct-table-of-contents-light-link-hover-border-color: var(--ct-color-light-border-light); --ct-table-of-contents-light-link-hover-color: var(--ct-color-light-heading); --ct-table-of-contents-light-link-stripe-background-color: var(--ct-color-light-border-light); --ct-table-of-contents-light-link-hover-stripe-background-color: var(--ct-color-light-highlight); --ct-table-of-contents-light-title-color: var(--ct-color-light-heading); --ct-table-of-contents-dark-link-background-color: var(--ct-color-dark-background-light); --ct-table-of-contents-dark-link-color: var(--ct-color-dark-heading); --ct-table-of-contents-dark-link-hover-background-color: var(--ct-color-dark-background); --ct-table-of-contents-dark-link-hover-border-color: var(--ct-color-dark-border-light); --ct-table-of-contents-dark-link-hover-color: var(--ct-color-dark-heading); --ct-table-of-contents-dark-link-stripe-background-color: var(--ct-color-dark-border-light); --ct-table-of-contents-dark-link-hover-stripe-background-color: var(--ct-color-dark-highlight); --ct-table-of-contents-dark-title-color: var(--ct-color-dark-heading); --ct-tabs-light-links-stripe-background-color: var(--ct-color-light-border-light); --ct-tabs-light-links-background-color: var(--ct-color-light-background); --ct-tabs-light-links-border-color: var(--ct-color-light-border-light); --ct-tabs-light-links-active-background-color: var(--ct-color-light-background-light); --ct-tabs-light-links-active-border-color: var(--ct-color-light-border-light); --ct-tabs-light-panel-background-color: var(--ct-color-light-background); --ct-tabs-light-panel-border-color: var(--ct-color-light-border); --ct-tabs-dark-links-stripe-background-color: var(--ct-color-dark-border-light); --ct-tabs-dark-links-background-color: var(--ct-color-dark-background); --ct-tabs-dark-links-border-color: var(--ct-color-dark-border-light); --ct-tabs-dark-links-active-background-color: var(--ct-color-dark-background-light); --ct-tabs-dark-links-active-border-color: var(--ct-color-dark-border-light); --ct-tabs-dark-panel-background-color: var(--ct-color-dark-background); --ct-tabs-dark-panel-border-color: var(--ct-color-dark-border); --ct-tooltip-light-description-background-color: var(--ct-color-light-interaction-background); --ct-tooltip-light-description-color: var(--ct-color-light-interaction-text); --ct-tooltip-light-icon-color: var(--ct-color-light-interaction-background); --ct-tooltip-dark-description-background-color: var(--ct-color-dark-interaction-background); --ct-tooltip-dark-description-color: var(--ct-color-dark-interaction-text); --ct-tooltip-dark-icon-color: var(--ct-color-dark-interaction-background); --ct-single-filter-light-border-color: var(--ct-color-light-border-light); --ct-single-filter-light-title-color: var(--ct-color-light-heading); --ct-single-filter-dark-border-color: var(--ct-color-dark-border); --ct-single-filter-dark-title-color: var(--ct-color-dark-heading); --ct-group-filter-light-background-color: var(--ct-color-light-background); --ct-group-filter-light-border-color: var(--ct-color-light-border-light); --ct-group-filter-light-dropdown-filter-border-color: var(--ct-color-light-border); --ct-group-filter-light-filters-legend-color: var(--ct-color-light-body); --ct-group-filter-light-mobile-filter-title-color: var(--ct-color-light-background); --ct-group-filter-light-mobile-overlay-background-color: var(--ct-color-light-background); --ct-group-filter-light-mobile-toggle-background-color: var(--ct-color-light-background); --ct-group-filter-light-mobile-toggle-border-color: var(--ct-color-light-border); --ct-group-filter-light-mobile-toggle-color: var(--ct-color-light-interaction-background); --ct-group-filter-light-mobile-toggle-display-border-color: var(--ct-color-light-border); --ct-group-filter-light-mobile-toggle-display-color: var(--ct-color-light-background); --ct-group-filter-light-selected-filters-border-color: var(--ct-color-light-border-light); --ct-group-filter-light-selected-filters-title-color: var(--ct-color-light-body); --ct-group-filter-light-title-color: var(--ct-color-light-heading); --ct-group-filter-dark-background-color: var(--ct-color-dark-background); --ct-group-filter-dark-border-color: var(--ct-color-dark-border); --ct-group-filter-dark-dropdown-filter-border-color: var(--ct-color-dark-interaction-background); --ct-group-filter-dark-filters-legend-color: var(--ct-color-dark-body); --ct-group-filter-dark-mobile-filter-title-color: var(--ct-color-dark-body); --ct-group-filter-dark-mobile-overlay-background-color: var(--ct-color-dark-background); --ct-group-filter-dark-mobile-toggle-background-color: var(--ct-color-dark-background); --ct-group-filter-dark-mobile-toggle-border-color: var(--ct-color-dark-interaction-background); --ct-group-filter-dark-mobile-toggle-color: var(--ct-color-dark-background); --ct-group-filter-dark-mobile-toggle-display-border-color: var(--ct-color-dark-interaction-background); --ct-group-filter-dark-mobile-toggle-display-color: var(--ct-color-dark-background); --ct-group-filter-dark-selected-filters-border-color: var(--ct-color-dark-border-light); --ct-group-filter-dark-selected-filters-title-color: var(--ct-color-dark-background); --ct-group-filter-dark-title-color: var(--ct-color-dark-heading); --ct-pagination-light-color: var(--ct-color-light-interaction-background); --ct-pagination-light-border-color: var(--ct-color-light-border-light); --ct-pagination-dark-color: var(--ct-color-dark-interaction-background); --ct-pagination-dark-border-color: var(--ct-color-dark-border); --ct-event-card-light-background-color: var(--ct-color-light-background-light); --ct-event-card-light-stripe-background-color: var(--ct-color-light-highlight); --ct-event-card-dark-background-color: var(--ct-color-dark-background); --ct-event-card-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-navigation-card-light-background-color: var(--ct-color-light-background-light); --ct-navigation-card-light-icon-color: var(--ct-color-light-interaction-background); --ct-navigation-card-dark-background-color: var(--ct-color-dark-background); --ct-navigation-card-dark-icon-color: var(--ct-color-dark-interaction-background); --ct-promo-card-light-background-color: var(--ct-color-light-background-light); --ct-promo-card-light-stripe-background-color: var(--ct-color-light-highlight); --ct-promo-card-dark-background-color: var(--ct-color-dark-background); --ct-promo-card-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-publication-card-light-background-color: var(--ct-color-light-background-light); --ct-publication-card-dark-background-color: var(--ct-color-dark-background); --ct-service-card-light-background-color: var(--ct-color-light-background-light); --ct-service-card-light-stripe-background-color: var(--ct-color-light-highlight); --ct-service-card-dark-background-color: var(--ct-color-dark-background); --ct-service-card-dark-stripe-background-color: var(--ct-color-dark-highlight); --ct-subject-card-light-background-color: var(--ct-color-light-background-light); --ct-subject-card-light-image-opacity: 30%; --ct-subject-card-dark-background-color: var(--ct-color-dark-background); --ct-subject-card-dark-image-opacity: 20%; --ct-snippet-light-background-color: transparent; --ct-snippet-dark-background-color: transparent; --ct-alert-light-divider-color: var(--ct-color-light-interaction-background); --ct-alert-light-error-background-color: #f5d7d7; --ct-alert-light-error-color: var(--ct-color-light-body); --ct-alert-light-error-icon-color: var(--ct-color-light-body); --ct-alert-light-information-background-color: #cce5f2; --ct-alert-light-information-color: var(--ct-color-light-body); --ct-alert-light-information-icon-color: var(--ct-color-light-body); --ct-alert-light-success-background-color: #cce6cc; --ct-alert-light-success-color: var(--ct-color-light-body); --ct-alert-light-success-icon-color: var(--ct-color-light-body); --ct-alert-light-warning-background-color: #f4dccc; --ct-alert-light-warning-color: var(--ct-color-light-body); --ct-alert-light-warning-icon-color: var(--ct-color-light-body); --ct-alert-dark-divider-color: var(--ct-color-dark-interaction-background); --ct-alert-dark-error-background-color: #ba4542; --ct-alert-dark-error-color: var(--ct-color-dark-body); --ct-alert-dark-error-icon-color: var(--ct-color-dark-body); --ct-alert-dark-information-background-color: #3d9dca; --ct-alert-dark-information-color: var(--ct-color-dark-body); --ct-alert-dark-information-icon-color: var(--ct-color-dark-body); --ct-alert-dark-success-background-color: #0e8d8b; --ct-alert-dark-success-color: var(--ct-color-dark-body); --ct-alert-dark-success-icon-color: var(--ct-color-dark-body); --ct-alert-dark-warning-background-color: #b66a36; --ct-alert-dark-warning-color: var(--ct-color-dark-body); --ct-alert-dark-warning-icon-color: var(--ct-color-dark-body); --ct-banner-light-background-color: var(--ct-color-light-background); --ct-banner-light-featured-image-shadow-color: var(--ct-color-light-background-light); --ct-banner-dark-background-color: var(--ct-color-dark-background); --ct-banner-dark-featured-image-shadow-color: var(--ct-color-dark-background); --ct-campaign-light-background-color: var(--ct-color-light-background-light); --ct-campaign-light-image-shadow-color: var(--ct-color-light-background); --ct-campaign-dark-background-color: var(--ct-color-dark-background); --ct-campaign-dark-image-shadow-color: var(--ct-color-dark-background-dark); --ct-footer-light-background-color: var(--ct-color-light-background); --ct-footer-light-border-color: var(--ct-color-light-border-light); --ct-footer-light-color: var(--ct-color-light-body); --ct-footer-dark-background-color: var(--ct-color-dark-background-dark); --ct-footer-dark-border-color: var(--ct-color-dark-border); --ct-footer-dark-color: var(--ct-color-dark-body); --ct-header-light-middle-background-color: var(--ct-color-light-background-light); --ct-header-light-middle-border-color: var(--ct-color-light-border-light); --ct-header-light-top-background-color: var(--ct-color-light-background); --ct-header-light-top-color: var(--ct-color-light-body); --ct-header-dark-middle-background-color: var(--ct-color-dark-background); --ct-header-dark-middle-border-color: var(--ct-color-dark-border); --ct-header-dark-top-background-color: var(--ct-color-dark-background-dark); --ct-header-dark-top-color: var(--ct-color-dark-body); --ct-list-light-background-color: var(--ct-color-light-background); --ct-list-light-color: var(--ct-color-light-body); --ct-list-light-results-count-color: var(--ct-color-light-heading); --ct-list-dark-background-color: var(--ct-color-dark-background); --ct-list-dark-color: var(--ct-color-dark-body); --ct-list-dark-results-count-color: var(--ct-color-dark-heading); --ct-message-light-error-background-color: #f5d7d7; --ct-message-light-error-border-color: var(--ct-color-light-error); --ct-message-light-error-color: var(--ct-color-light-body); --ct-message-light-error-icon-color: var(--ct-color-light-body); --ct-message-light-information-background-color: #cce5f2; --ct-message-light-information-border-color: var(--ct-color-light-information); --ct-message-light-information-color: var(--ct-color-light-body); --ct-message-light-information-icon-color: var(--ct-color-light-body); --ct-message-light-success-border-color: var(--ct-color-light-success); --ct-message-light-success-background-color: #cce6cc; --ct-message-light-success-color: var(--ct-color-light-body); --ct-message-light-success-icon-color: var(--ct-color-light-body); --ct-message-light-warning-background-color: #f4dccc; --ct-message-light-warning-border-color: var(--ct-color-light-warning); --ct-message-light-warning-color: var(--ct-color-light-body); --ct-message-light-warning-icon-color: var(--ct-color-light-body); --ct-message-dark-error-background-color: #ba4542; --ct-message-dark-error-border-color: var(--ct-color-dark-error); --ct-message-dark-error-color: var(--ct-color-dark-body); --ct-message-dark-error-icon-color: var(--ct-color-dark-body); --ct-message-dark-information-background-color: #3d9dca; --ct-message-dark-information-border-color: var(--ct-color-dark-information); --ct-message-dark-information-color: var(--ct-color-dark-body); --ct-message-dark-information-icon-color: var(--ct-color-dark-body); --ct-message-dark-success-border-color: var(--ct-color-dark-success); --ct-message-dark-success-background-color: #0e8d8b; --ct-message-dark-success-color: var(--ct-color-dark-body); --ct-message-dark-success-icon-color: var(--ct-color-dark-body); --ct-message-dark-warning-background-color: #b66a36; --ct-message-dark-warning-border-color: var(--ct-color-dark-warning); --ct-message-dark-warning-color: var(--ct-color-dark-body); --ct-message-dark-warning-icon-color: var(--ct-color-dark-body); --ct-navigation-light-dropdown-sub-menu-background-color: var(--ct-color-light-background-light); --ct-navigation-dark-dropdown-sub-menu-background-color: var(--ct-color-dark-background-light); --ct-navigation-light-menu-border-color: var(--ct-color-light-interaction-background); --ct-navigation-light-menu-color: var(--ct-color-light-interaction-background); --ct-navigation-light-menu-hover-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-menu-active-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-menu-item-background-color: transparent; --ct-navigation-light-menu-item-border-color: transparent; --ct-navigation-light-menu-item-hover-background-color: transparent; --ct-navigation-light-menu-item-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-menu-item-active-background-color: transparent; --ct-navigation-light-menu-item-active-border-color: var(--ct-color-light-highlight); --ct-navigation-light-menu-item-active-trail-background-color: var(--ct-color-light-interaction-background); --ct-navigation-light-menu-item-active-trail-color: var(--ct-color-light-background); --ct-navigation-light-drawer-border-color: var(--ct-color-light-interaction-background); --ct-navigation-light-drawer-color: var(--ct-color-light-interaction-background); --ct-navigation-light-drawer-hover-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-drawer-active-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-drawer-menu-item-background-color: transparent; --ct-navigation-light-drawer-menu-item-border-color: transparent; --ct-navigation-light-drawer-menu-item-hover-background-color: transparent; --ct-navigation-light-drawer-menu-item-hover-border-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-drawer-menu-item-active-background-color: transparent; --ct-navigation-light-drawer-menu-item-active-border-color: var(--ct-color-light-highlight); --ct-navigation-light-drawer-menu-item-active-trail-background-color: var(--ct-color-light-interaction-background); --ct-navigation-light-drawer-menu-item-active-trail-color: var(--ct-color-light-background); --ct-navigation-light-drawer-sub-menu-background-color: var(--ct-color-light-background-light); --ct-navigation-light-drawer-sub-menu-item-background-color: transparent; --ct-navigation-light-drawer-sub-menu-item-heading-color: var(--ct-color-light-heading); --ct-navigation-light-drawer-sub-menu-item-heading-hover-color: var(--ct-color-light-heading); --ct-navigation-light-drawer-sub-menu-item-heading-active-color: var(--ct-color-light-heading); --ct-navigation-light-drawer-sub-menu-item-color: var(--ct-color-light-interaction-background); --ct-navigation-light-drawer-sub-menu-item-hover-background-color: var(--ct-color-light-interaction-hover-background); --ct-navigation-light-drawer-sub-menu-item-hover-color: var(--ct-color-light-interaction-hover-text); --ct-navigation-light-drawer-sub-menu-item-active-background-color: var(--ct-color-light-body); --ct-navigation-light-drawer-sub-menu-item-active-color: var(--ct-color-light-background); --ct-navigation-dark-menu-border-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-menu-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-menu-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-menu-active-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-menu-item-background-color: transparent; --ct-navigation-dark-menu-item-border-color: transparent; --ct-navigation-dark-menu-item-hover-background-color: transparent; --ct-navigation-dark-menu-item-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-menu-item-active-background-color: transparent; --ct-navigation-dark-menu-item-active-border-color: var(--ct-color-dark-highlight); --ct-navigation-dark-menu-item-active-trail-background-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-menu-item-active-trail-color: var(--ct-color-dark-background); --ct-navigation-dark-drawer-border-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-drawer-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-drawer-hover-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-drawer-active-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-drawer-menu-item-background-color: transparent; --ct-navigation-dark-drawer-menu-item-border-color: transparent; --ct-navigation-dark-drawer-menu-item-hover-background-color: transparent; --ct-navigation-dark-drawer-menu-item-hover-border-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-drawer-menu-item-active-background-color: transparent; --ct-navigation-dark-drawer-menu-item-active-border-color: var(--ct-color-dark-highlight); --ct-navigation-dark-drawer-menu-item-active-trail-background-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-drawer-menu-item-active-trail-color: var(--ct-color-dark-background); --ct-navigation-dark-drawer-sub-menu-background-color: var(--ct-color-dark-background-light); --ct-navigation-dark-drawer-sub-menu-item-background-color: transparent; --ct-navigation-dark-drawer-sub-menu-item-heading-color: var(--ct-color-dark-heading); --ct-navigation-dark-drawer-sub-menu-item-heading-hover-color: var(--ct-color-dark-heading); --ct-navigation-dark-drawer-sub-menu-item-heading-active-color: var(--ct-color-dark-heading); --ct-navigation-dark-drawer-sub-menu-item-color: var(--ct-color-dark-interaction-background); --ct-navigation-dark-drawer-sub-menu-item-hover-background-color: var(--ct-color-dark-interaction-hover-background); --ct-navigation-dark-drawer-sub-menu-item-hover-color: var(--ct-color-dark-interaction-hover-text); --ct-navigation-dark-drawer-sub-menu-item-active-background-color: var(--ct-color-dark-body); --ct-navigation-dark-drawer-sub-menu-item-active-color: var(--ct-color-dark-background); --ct-side-navigation-light-title-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-expanded-icon-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-parent-background-color: var(--ct-color-light-background-light); --ct-side-navigation-light-link-parent-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-parent-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-parent-stripe-background-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-parent-hover-background-color: var(--ct-color-light-background-dark); --ct-side-navigation-light-link-parent-hover-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-parent-hover-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-parent-hover-stripe-background-color: var(--ct-color-light-highlight); --ct-side-navigation-light-link-parent-active-background-color: var(--ct-color-light-background); --ct-side-navigation-light-link-parent-active-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-parent-active-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-parent-active-stripe-background-color: var(--ct-color-light-highlight); --ct-side-navigation-light-link-child-background-color: var(--ct-color-light-background-light); --ct-side-navigation-light-link-child-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-child-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-child-stripe-background-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-child-hover-background-color: var(--ct-color-light-background-dark); --ct-side-navigation-light-link-child-hover-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-child-hover-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-child-hover-stripe-background-color: var(--ct-color-light-highlight); --ct-side-navigation-light-link-child-active-background-color: var(--ct-color-light-background); --ct-side-navigation-light-link-child-active-border-color: var(--ct-color-light-border-light); --ct-side-navigation-light-link-child-active-color: var(--ct-color-light-heading); --ct-side-navigation-light-link-child-active-stripe-background-color: var(--ct-color-light-highlight); --ct-side-navigation-dark-title-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-expanded-icon-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-parent-background-color: var(--ct-color-dark-background-light); --ct-side-navigation-dark-link-parent-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-parent-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-parent-stripe-background-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-parent-hover-background-color: var(--ct-color-dark-background-dark); --ct-side-navigation-dark-link-parent-hover-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-parent-hover-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-parent-hover-stripe-background-color: var(--ct-color-dark-highlight); --ct-side-navigation-dark-link-parent-active-background-color: var(--ct-color-dark-background); --ct-side-navigation-dark-link-parent-active-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-parent-active-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-parent-active-stripe-background-color: var(--ct-color-dark-highlight); --ct-side-navigation-dark-link-child-background-color: var(--ct-color-dark-background-light); --ct-side-navigation-dark-link-child-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-child-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-child-stripe-background-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-child-hover-background-color: var(--ct-color-dark-background-dark); --ct-side-navigation-dark-link-child-hover-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-child-hover-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-child-hover-stripe-background-color: var(--ct-color-dark-highlight); --ct-side-navigation-dark-link-child-active-background-color: var(--ct-color-dark-background); --ct-side-navigation-dark-link-child-active-border-color: var(--ct-color-dark-interaction-text); --ct-side-navigation-dark-link-child-active-color: var(--ct-color-dark-heading); --ct-side-navigation-dark-link-child-active-stripe-background-color: var(--ct-color-dark-highlight); --ct-mobile-navigation-light-panel-background-color: var(--ct-color-light-background-light); --ct-mobile-navigation-light-top-menu-background-color: var(--ct-color-light-background-light); --ct-mobile-navigation-light-bottom-menu-background-color: var(--ct-color-light-background); --ct-mobile-navigation-light-menu-item-color: var(--ct-color-light-interaction-background); --ct-mobile-navigation-light-menu-item-hover-color: var(--ct-color-light-interaction-background); --ct-mobile-navigation-light-menu-divider-border-color: var(--ct-color-light-border-light); --ct-mobile-navigation-light-subsection-heading-color: var(--ct-color-light-heading); --ct-mobile-navigation-light-subsection-heading-icon-color: var(--ct-color-light-heading); --ct-mobile-navigation-light-subsection-trigger-color: var(--ct-color-light-interaction-background); --ct-mobile-navigation-trigger-light-color: var(--ct-color-light-interaction-background); --ct-mobile-navigation-dark-panel-background-color: var(--ct-color-dark-background); --ct-mobile-navigation-dark-top-menu-background-color: var(--ct-color-dark-background); --ct-mobile-navigation-dark-bottom-menu-background-color: var(--ct-color-dark-background-dark); --ct-mobile-navigation-dark-menu-item-color: var(--ct-color-dark-interaction-background); --ct-mobile-navigation-dark-menu-item-hover-color: var(--ct-color-dark-interaction-background); --ct-mobile-navigation-dark-menu-divider-border-color: var(--ct-color-dark-border); --ct-mobile-navigation-dark-subsection-heading-color: var(--ct-color-dark-heading); --ct-mobile-navigation-dark-subsection-heading-icon-color: var(--ct-color-dark-heading); --ct-mobile-navigation-dark-subsection-trigger-color: var(--ct-color-dark-interaction-background); --ct-mobile-navigation-trigger-dark-color: var(--ct-color-dark-interaction-background); --ct-promo-light-background-color: var(--ct-color-light-background-light); --ct-promo-light-border-color: var(--ct-color-light-border-light); --ct-promo-dark-background-color: var(--ct-color-dark-background); --ct-promo-dark-border-color: var(--ct-color-dark-border); --ct-skip-link-light-background-color: var(--ct-color-light-background); --ct-skip-link-dark-background-color: var(--ct-color-dark-background); --ct-slider-light-background-color: var(--ct-color-light-background-light); --ct-slider-light-slide-background-color: var(--ct-color-light-background); --ct-slider-dark-background-color: var(--ct-color-dark-background); --ct-slider-dark-slide-background-color: var(--ct-color-dark-background-dark); --ct-webform-light-background-color: var(--ct-color-light-background); --ct-webform-dark-background-color: var(--ct-color-dark-background); --ct-page-light-background-color: var(--ct-color-light-background-light); --ct-page-dark-background-color: var(--ct-color-dark-background-dark); }