// Do not edit directly, this file was auto-generated.

$pharos-asset-icon-academic-content: "assets/icons/academic-content.svg";
$pharos-asset-icon-accessibility: "assets/icons/accessibility.svg";
$pharos-asset-icon-add: "assets/icons/add.svg";
$pharos-asset-icon-add-to-folder: "assets/icons/add-to-folder.svg";
$pharos-asset-icon-arrow-down: "assets/icons/arrow-down.svg";
$pharos-asset-icon-arrow-left: "assets/icons/arrow-left.svg";
$pharos-asset-icon-arrow-right: "assets/icons/arrow-right.svg";
$pharos-asset-icon-arrow-up: "assets/icons/arrow-up.svg";
$pharos-asset-icon-attachment: "assets/icons/attachment.svg";
$pharos-asset-icon-audio: "assets/icons/audio.svg";
$pharos-asset-icon-base: "assets/icons/base.svg";
$pharos-asset-icon-bluesky: "assets/icons/bluesky.svg";
$pharos-asset-icon-book: "assets/icons/book.svg";
$pharos-asset-icon-browse: "assets/icons/browse.svg";
$pharos-asset-icon-calendar: "assets/icons/calendar.svg";
$pharos-asset-icon-chat: "assets/icons/chat.svg";
$pharos-asset-icon-checkmark: "assets/icons/checkmark.svg";
$pharos-asset-icon-checkmark-filled-circle: "assets/icons/checkmark-filled-circle.svg";
$pharos-asset-icon-checkmark-inverse: "assets/icons/checkmark-inverse.svg";
$pharos-asset-icon-checkmark-small: "assets/icons/checkmark-small.svg";
$pharos-asset-icon-chevron-down: "assets/icons/chevron-down.svg";
$pharos-asset-icon-chevron-left: "assets/icons/chevron-left.svg";
$pharos-asset-icon-chevron-left-large: "assets/icons/chevron-left-large.svg";
$pharos-asset-icon-chevron-right: "assets/icons/chevron-right.svg";
$pharos-asset-icon-chevron-right-large: "assets/icons/chevron-right-large.svg";
$pharos-asset-icon-chevron-up: "assets/icons/chevron-up.svg";
$pharos-asset-icon-circle: "assets/icons/circle.svg";
$pharos-asset-icon-cite: "assets/icons/cite.svg";
$pharos-asset-icon-close: "assets/icons/close.svg";
$pharos-asset-icon-close-small: "assets/icons/close-small.svg";
$pharos-asset-icon-close-inverse: "assets/icons/close-inverse.svg";
$pharos-asset-icon-closed-captions-off: "assets/icons/closed-captions-off.svg";
$pharos-asset-icon-closed-captions-on: "assets/icons/closed-captions-on.svg";
$pharos-asset-icon-compare: "assets/icons/compare.svg";
$pharos-asset-icon-collapse: "assets/icons/shift-right.svg";
$pharos-asset-icon-community: "assets/icons/community.svg";
$pharos-asset-icon-copy: "assets/icons/copy.svg";
$pharos-asset-icon-dash-small: "assets/icons/dash-small.svg";
$pharos-asset-icon-delete: "assets/icons/delete.svg";
$pharos-asset-icon-download: "assets/icons/download.svg";
$pharos-asset-icon-drag-and-drop: "assets/icons/drag-and-drop.svg";
$pharos-asset-icon-edit: "assets/icons/edit.svg";
$pharos-asset-icon-ellipses-horizontal: "assets/icons/ellipses-horizontal.svg";
$pharos-asset-icon-ellipses-vertical: "assets/icons/ellipses-vertical.svg";
$pharos-asset-icon-email: "assets/icons/email.svg";
$pharos-asset-icon-exclamation: "assets/icons/exclamation.svg";
$pharos-asset-icon-exclamation-inverse: "assets/icons/exclamation-inverse.svg";
$pharos-asset-icon-expand: "assets/icons/shift-left.svg";
$pharos-asset-icon-facebook: "assets/icons/facebook.svg";
$pharos-asset-icon-feedback: "assets/icons/feedback.svg";
$pharos-asset-icon-filetype-html: "assets/icons/filetype-html.svg";
$pharos-asset-icon-filetype-pdf: "assets/icons/filetype-pdf.svg";
$pharos-asset-icon-filetype-ppt: "assets/icons/filetype-ppt.svg";
$pharos-asset-icon-filetype-zip: "assets/icons/filetype-zip.svg";
$pharos-asset-icon-filter: "assets/icons/filter.svg";
$pharos-asset-icon-fit-to-view: "assets/icons/fit-to-view.svg";
$pharos-asset-icon-fit-to-width: "assets/icons/fit-to-width.svg";
$pharos-asset-icon-folder: "assets/icons/folder.svg";
$pharos-asset-icon-folder-new: "assets/icons/folder-new.svg";
$pharos-asset-icon-folder-selected: "assets/icons/folder-selected.svg";
$pharos-asset-icon-fullscreen: "assets/icons/fullscreen.svg";
$pharos-asset-icon-fullscreen-minimize: "assets/icons/fullscreen-minimize.svg";
$pharos-asset-icon-gear: "assets/icons/gear.svg";
$pharos-asset-icon-gen-ai: "assets/icons/gen-ai.svg";
$pharos-asset-icon-google-color: "assets/icons/google-color.svg";
$pharos-asset-icon-google: "assets/icons/google.svg";
$pharos-asset-icon-group: "assets/icons/group.svg";
$pharos-asset-icon-hide: "assets/icons/hide.svg";
$pharos-asset-icon-history: "assets/icons/history.svg";
$pharos-asset-icon-image: "assets/icons/image.svg";
$pharos-asset-icon-info-inverse: "assets/icons/info-inverse.svg";
$pharos-asset-icon-instagram: "assets/icons/instagram.svg";
$pharos-asset-icon-institution: "assets/icons/institution.svg";
$pharos-asset-icon-laptop: "assets/icons/laptop.svg";
$pharos-asset-icon-link: "assets/icons/link.svg";
$pharos-asset-icon-link-add: "assets/icons/link-add.svg";
$pharos-asset-icon-link-external: "assets/icons/link-external.svg";
$pharos-asset-icon-link-external-small: "assets/icons/link-external-small.svg";
$pharos-asset-icon-linkedin: "assets/icons/linkedin.svg";
$pharos-asset-icon-menu: "assets/icons/menu.svg";
$pharos-asset-icon-microsoft-color: "assets/icons/microsoft-color.svg";
$pharos-asset-icon-mode-paging: "assets/icons/mode-paging.svg";
$pharos-asset-icon-mode-scrolling: "assets/icons/mode-scrolling.svg";
$pharos-asset-icon-move: "assets/icons/move.svg";
$pharos-asset-icon-new: "assets/icons/new.svg";
$pharos-asset-icon-notification: "assets/icons/notification.svg";
$pharos-asset-icon-notification-unread: "assets/icons/notification-unread.svg";
$pharos-asset-icon-page-break: "assets/icons/page-break.svg";
$pharos-asset-icon-page-first: "assets/icons/page-first.svg";
$pharos-asset-icon-page-last: "assets/icons/page-last.svg";
$pharos-asset-icon-panorama: "assets/icons/panorama.svg";
$pharos-asset-icon-partial-circle: "assets/icons/partial-circle.svg";
$pharos-asset-icon-pause: "assets/icons/pause.svg";
$pharos-asset-icon-pause-large: "assets/icons/pause-large.svg";
$pharos-asset-icon-pin: "assets/icons/pin.svg";
$pharos-asset-icon-pin-filled: "assets/icons/pin-filled.svg";
$pharos-asset-icon-play: "assets/icons/play.svg";
$pharos-asset-icon-play-large: "assets/icons/play-large.svg";
$pharos-asset-icon-primary-source: "assets/icons/primary-source.svg";
$pharos-asset-icon-private: "assets/icons/private.svg";
$pharos-asset-icon-profile: "assets/icons/profile.svg";
$pharos-asset-icon-question-inverse: "assets/icons/question-inverse.svg";
$pharos-asset-icon-refresh: "assets/icons/refresh.svg";
$pharos-asset-icon-register: "assets/icons/register.svg";
$pharos-asset-icon-reorder: "assets/icons/reorder.svg";
$pharos-asset-icon-research-tool: "assets/icons/research-tool.svg";
$pharos-asset-icon-restrictive: "assets/icons/restrictive.svg";
$pharos-asset-icon-rotate: "assets/icons/rotate.svg";
$pharos-asset-icon-save: "assets/icons/save.svg";
$pharos-asset-icon-save-and-close: "assets/icons/save-and-close.svg";
$pharos-asset-icon-save-changes: "assets/icons/save-changes.svg";
$pharos-asset-icon-saved: "assets/icons/saved.svg";
$pharos-asset-icon-search: "assets/icons/search.svg";
$pharos-asset-icon-seek-backward: "assets/icons/seek-backward.svg";
$pharos-asset-icon-seek-forward: "assets/icons/seek-forward.svg";
$pharos-asset-icon-select-text: "assets/icons/select-text.svg";
$pharos-asset-icon-send: "assets/icons/send.svg";
$pharos-asset-icon-share: "assets/icons/share.svg";
$pharos-asset-icon-show: "assets/icons/show.svg";
$pharos-asset-icon-side-panel: "assets/icons/side-panel.svg";
$pharos-asset-icon-shift-left: "assets/icons/shift-left.svg";
$pharos-asset-icon-shift-right: "assets/icons/shift-right.svg";
$pharos-asset-icon-shift-up: "assets/icons/shift-up.svg";
$pharos-asset-icon-shift-down: "assets/icons/shift-down.svg";
$pharos-asset-icon-sort: "assets/icons/sort.svg";
$pharos-asset-icon-sound-high: "assets/icons/sound-high.svg";
$pharos-asset-icon-sound-low: "assets/icons/sound-low.svg";
$pharos-asset-icon-sound-none: "assets/icons/sound-none.svg";
$pharos-asset-icon-star: "assets/icons/star.svg";
$pharos-asset-icon-star-filled: "assets/icons/star-filled.svg";
$pharos-asset-icon-text-align-center: "assets/icons/text-align-center.svg";
$pharos-asset-icon-text-align-left: "assets/icons/text-align-left.svg";
$pharos-asset-icon-text-align-right: "assets/icons/text-align-right.svg";
$pharos-asset-icon-text-bold: "assets/icons/text-bold.svg";
$pharos-asset-icon-text-italic: "assets/icons/text-italic.svg";
$pharos-asset-icon-text-strikethrough: "assets/icons/text-strikethrough.svg";
$pharos-asset-icon-text-underline: "assets/icons/text-underline.svg";
$pharos-asset-icon-threads: "assets/icons/threads.svg";
$pharos-asset-icon-thumbs-up: "assets/icons/thumbs-up.svg";
$pharos-asset-icon-thumbs-up-filled: "assets/icons/thumbs-up-filled.svg";
$pharos-asset-icon-thumbs-down: "assets/icons/thumbs-down.svg";
$pharos-asset-icon-thumbs-down-filled: "assets/icons/thumbs-down-filled.svg";
$pharos-asset-icon-tumblr: "assets/icons/tumblr.svg";
$pharos-asset-icon-twitter: "assets/icons/twitter.svg";
$pharos-asset-icon-upload: "assets/icons/upload.svg";
$pharos-asset-icon-video: "assets/icons/video.svg";
$pharos-asset-icon-view-gallery: "assets/icons/view-gallery.svg";
$pharos-asset-icon-view-grid: "assets/icons/view-grid.svg";
$pharos-asset-icon-view-list: "assets/icons/view-list.svg";
$pharos-asset-icon-viewer-panel: "assets/icons/viewer-panel.svg";
$pharos-asset-icon-workspace: "assets/icons/workspace.svg";
$pharos-asset-icon-workspace-selected: "assets/icons/workspace-selected.svg";
$pharos-asset-icon-youtube: "assets/icons/youtube.svg";
$pharos-asset-icon-zoom-in: "assets/icons/zoom-in.svg";
$pharos-asset-icon-zoom-out: "assets/icons/zoom-out.svg";
$pharos-breakpoint-small: 22.5rem; // 360px
$pharos-breakpoint-medium: 48rem; // 768px
$pharos-breakpoint-large: 66rem; // 1056px
$pharos-breakpoint-xlarge: 85rem; // 1360px
$pharos-breakpoint-max: 99rem; // 1584px
$pharos-color-jstor-red: hsl(0, 100%, 30%);
$pharos-color-night-blue-15: hsl(219, 82%, 15%);
$pharos-color-night-blue-60: hsl(219, 25%, 60%);
$pharos-color-night-blue-base: hsl(219, 79.4%, 24.7%);
$pharos-color-glacier-blue-30: hsl(190,80%,32%);
$pharos-color-glacier-blue-40: hsl(190, 89%, 39%);
$pharos-color-glacier-blue-70: hsl(187, 75%, 70%);
$pharos-color-glacier-blue-80: hsl(188, 47%, 80%);
$pharos-color-glacier-blue-90: hsl(186.3, 37.3%, 90%);
$pharos-color-glacier-blue-base: hsl(187.4, 75.6%, 51.8%);
$pharos-color-living-coral-50: hsl(0, 57%, 50%);
$pharos-color-living-coral-53: hsl(1, 72%, 53%);
$pharos-color-living-coral-80: hsl(0, 94%, 80%);
$pharos-color-living-coral-90: hsl(0, 57%, 90%);
$pharos-color-living-coral-base: hsl(0, 95.7%, 63.3%);
$pharos-color-marble-gray-10: hsl(60, 2%, 10%);
$pharos-color-marble-gray-20: hsl(30, 2%, 20%);
$pharos-color-marble-gray-30: hsl(60, 1%, 30%);
$pharos-color-marble-gray-40: hsl(60, 1%, 40%);
$pharos-color-marble-gray-50: hsl(40, 1.2%, 50%);
$pharos-color-marble-gray-80: hsl(48, 9.8%, 80%);
$pharos-color-marble-gray-94: hsl(48, 16%, 94%);
$pharos-color-marble-gray-97: hsl(40, 20%, 97.1%);
$pharos-color-marble-gray-base: hsl(46.7, 17.6%, 90%);
$pharos-color-black: hsl(0, 0%, 0%);
$pharos-color-white: hsl(0, 0%, 100%);
$pharos-color-yellow-97: hsl(38.2, 73.3%, 97.1%);
$pharos-color-yellow-base: hsl(37.1, 95.5%, 56.5%);
$pharos-color-green-93: hsl(135, 22.2%, 92.9%);
$pharos-color-green-97: hsl(140, 60%, 97.0%);
$pharos-color-green-base: hsl(137.6, 54.8%, 32.9%);
$pharos-color-engineering-orange: hsl(0, 81%, 43%);
$pharos-color-dark-garnet: hsl(0, 100%, 19%);
$pharos-color-overlay: hsla(0, 0%, 0%, 0.5);
$pharos-button-color-base-primary-background-hover: transparent;
$pharos-button-color-base-secondary-background-base: transparent;
$pharos-button-color-base-secondary-background-hover: transparent;
$pharos-button-color-base-subtle-background-base: transparent;
$pharos-button-color-base-subtle-background-disabled: transparent;
$pharos-button-color-base-subtle-border-base: transparent;
$pharos-button-color-base-subtle-border-disabled: transparent;
$pharos-button-color-on-background-primary-background-hover: transparent;
$pharos-button-color-on-background-secondary-background-base: transparent;
$pharos-button-color-on-background-secondary-background-hover: transparent;
$pharos-button-color-on-background-subtle-background-base: transparent;
$pharos-button-color-on-background-subtle-background-disabled: transparent;
$pharos-button-color-on-background-subtle-border-base: transparent;
$pharos-button-color-on-background-subtle-border-disabled: transparent;
$pharos-coach-mark-size-border: 1px;
$pharos-coach-mark-size-pip: 10px;
$pharos-combobox-size-height-list: 15rem; // TODO: Update with core token value
$pharos-combobox-size-height-clear: 1.875rem; // TODO: Update with core token value
$pharos-dropdown-menu-size-width-min: 9rem; // TODO: Update with core token value
$pharos-dropdown-menu-size-width-max: 17rem; // TODO: Update with core token value
$pharos-modal-size-width-base: 40rem; // TODO: Update with core token value
$pharos-multiselect-dropdown-size-height-list: 16.75rem; // TODO: Update with core token value
$pharos-pill-preset-7-text-color-base: hsl(210, 98%, 43%);
$pharos-pill-preset-7-text-color-hover: hsl(210, 98%, 43%);
$pharos-pill-preset-7-border-color-base: hsl(210, 98%, 43%);
$pharos-pill-preset-7-border-color-hover: hsl(210, 98%, 43%);
$pharos-pill-preset-8-text-color-base: hsl(243, 84%, 64%);
$pharos-pill-preset-8-text-color-hover: hsl(243, 84%, 64%);
$pharos-pill-preset-8-border-color-base: hsl(243, 84%, 64%);
$pharos-pill-preset-8-border-color-hover: hsl(243, 84%, 64%);
$pharos-pill-preset-9-text-color-base: hsl(299, 64%, 45%);
$pharos-pill-preset-9-text-color-hover: hsl(299, 64%, 45%);
$pharos-pill-preset-9-border-color-base: hsl(299, 64%, 45%);
$pharos-pill-preset-9-border-color-hover: hsl(299, 64%, 45%);
$pharos-textarea-size-height-base: 1.5rem; // TODO: Update with core token value
$pharos-elevation-level-1: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 1px 3px 1px rgba(18, 18, 18, 0.15);
$pharos-elevation-level-2: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 2px 6px 2px rgba(18, 18, 18, 0.15);
$pharos-elevation-level-3: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 4px 8px 3px rgba(18, 18, 18, 0.15);
$pharos-elevation-level-4: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 6px 10px 4px rgba(18, 18, 18, 0.15);
$pharos-elevation-level-5: 0px 1px 2px 0px rgba(18, 18, 18, 0.3),0px 8px 12px 6px rgba(18, 18, 18, 0.15);
$pharos-font-family-sans-serif: GT America Standard, Helvetica, Helvetica Neue, Arial, Segoe UI, Roboto, Droid Sans, sans-serif;
$pharos-font-family-serif: Ivar Headline, Times, Georgia, serif;
$pharos-font-weight-regular: 400;
$pharos-font-weight-bold: 700;
$pharos-line-height-xsmall: 1rem; // 16px
$pharos-line-height-small: 1.25rem; // 20px
$pharos-line-height-medium: 1.5rem; // 24px
$pharos-line-height-large: 1.75rem; // 28px
$pharos-line-height-xlarge: 2.25rem; // 36px
$pharos-line-height-heading-large: 1;
$pharos-radius-base-standard: 0.125rem; // 2px
$pharos-spacing-one-eighth-x: 0.125rem; // 2px
$pharos-spacing-one-quarter-x: 0.25rem; // 4px
$pharos-spacing-one-half-x: 0.5rem; // 8px
$pharos-spacing-three-quarters-x: 0.75rem; // 12px
$pharos-spacing-1-x: 1rem; // 16px
$pharos-spacing-one-and-a-half-x: 1.5rem; // 24px
$pharos-spacing-2-x: 2rem; // 32px
$pharos-spacing-3-x: 3rem; // 48px
$pharos-spacing-three-and-a-half-x: 3.5rem; // 56px
$pharos-spacing-5-x: 5rem; // 80px
$pharos-spacing-7-x: 7rem; // 112px
$pharos-spacing-10-x: 10rem; // 160px
$pharos-transition-base: 250ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
$pharos-transition-duration-shorter: 50ms;
$pharos-transition-duration-short: 100ms;
$pharos-transition-duration-default: 250ms;
$pharos-transition-duration-long: 500ms;
$pharos-transition-duration-longer: 1000ms;
$pharos-transition-curve-base: cubic-bezier(0.17, 0.67, 0.83, 0.67);
$pharos-type-scale-1: 0.75rem; // 12px
$pharos-type-scale-2: 0.875rem; // 14px
$pharos-type-scale-3: 1rem; // 16px
$pharos-type-scale-4: 1.125rem; // 18px
$pharos-type-scale-5: 1.25rem; // 20px
$pharos-type-scale-6: 1.5rem; // 24px
$pharos-type-scale-7: 1.75rem; // 28px
$pharos-type-scale-8: 2rem; // 32px
$pharos-type-scale-9: 2.25rem; // 36px
$pharos-type-scale-10: 2.625rem; // 42px
$pharos-type-scale-11: 3rem; // 48px
$pharos-type-scale-12: 3.375rem; // 54px
$pharos-type-scale-13: 3.75rem; // 60px
$pharos-type-scale-14: 4.25rem; // 68px
$pharos-color-interactive-primary: $pharos-color-jstor-red;
$pharos-color-interactive-secondary: $pharos-color-black;
$pharos-color-interactive-tertiary: $pharos-color-white;
$pharos-color-ui-10: $pharos-color-white;
$pharos-color-ui-20: $pharos-color-marble-gray-94;
$pharos-color-ui-30: $pharos-color-marble-gray-base;
$pharos-color-ui-40: $pharos-color-marble-gray-80;
$pharos-color-ui-50: $pharos-color-marble-gray-50;
$pharos-color-feedback-error: $pharos-color-living-coral-53;
$pharos-color-feedback-success: $pharos-color-green-base;
$pharos-color-feedback-warning: $pharos-color-yellow-base;
$pharos-color-feedback-info: $pharos-color-glacier-blue-40;
$pharos-color-text-10: $pharos-color-marble-gray-10;
$pharos-color-text-20: $pharos-color-marble-gray-20;
$pharos-color-text-40: $pharos-color-marble-gray-40;
$pharos-color-text-50: $pharos-color-marble-gray-50;
$pharos-color-text-base: $pharos-color-black;
$pharos-color-text-white: $pharos-color-white;
$pharos-color-focus: $pharos-color-glacier-blue-40;
$pharos-alert-color-background-base: $pharos-color-marble-gray-94;
$pharos-alert-color-background-info: $pharos-color-glacier-blue-90;
$pharos-alert-color-background-error: $pharos-color-living-coral-90;
$pharos-alert-color-background-success: $pharos-color-green-93;
$pharos-alert-color-background-warning: $pharos-color-yellow-97;
$pharos-alert-color-icon-base: $pharos-color-black;
$pharos-alert-color-icon-info: $pharos-color-glacier-blue-40;
$pharos-alert-color-link-inverse: $pharos-color-white;
$pharos-alert-color-border-base: $pharos-color-marble-gray-94;
$pharos-alert-color-border-info: $pharos-color-glacier-blue-40;
$pharos-button-padding-base: $pharos-spacing-one-quarter-x;
$pharos-button-padding-condensed: $pharos-spacing-one-eighth-x;
$pharos-button-padding-large: $pharos-spacing-one-half-x;
$pharos-button-color-base-overlay-background-base: $pharos-color-marble-gray-10;
$pharos-button-color-base-overlay-background-hover: $pharos-color-marble-gray-20;
$pharos-button-color-base-overlay-border-base: $pharos-color-marble-gray-10;
$pharos-button-color-base-overlay-border-hover: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-primary-background-disabled: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-primary-text-disabled: $pharos-color-marble-gray-50;
$pharos-button-color-on-background-primary-border-disabled: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-secondary-background-disabled: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-secondary-text-disabled: $pharos-color-marble-gray-50;
$pharos-button-color-on-background-secondary-border-base: $pharos-color-marble-gray-50;
$pharos-button-color-on-background-secondary-border-disabled: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-subtle-background-hover: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-subtle-text-disabled: $pharos-color-marble-gray-50;
$pharos-button-color-on-background-subtle-border-hover: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-overlay-background-base: $pharos-color-marble-gray-10;
$pharos-button-color-on-background-overlay-background-hover: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-overlay-background-disabled: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-overlay-text-disabled: $pharos-color-marble-gray-50;
$pharos-button-color-on-background-overlay-border-base: $pharos-color-marble-gray-10;
$pharos-button-color-on-background-overlay-border-hover: $pharos-color-marble-gray-20;
$pharos-button-color-on-background-overlay-border-disabled: $pharos-color-marble-gray-20;
$pharos-checkbox-group-spacing-vertical: $pharos-spacing-one-half-x;
$pharos-checkbox-group-spacing-horizontal: $pharos-spacing-one-and-a-half-x;
$pharos-coach-mark-color-background-dark: $pharos-color-marble-gray-10;
$pharos-coach-mark-color-background-light: $pharos-color-white;
$pharos-coach-mark-color-border-dark: $pharos-color-marble-gray-10;
$pharos-coach-mark-color-border-light: $pharos-color-marble-gray-base;
$pharos-coach-mark-color-heading-dark: $pharos-color-white;
$pharos-coach-mark-color-heading-light: $pharos-color-marble-gray-20;
$pharos-coach-mark-color-text-dark: $pharos-color-marble-gray-80;
$pharos-coach-mark-color-text-light: $pharos-color-marble-gray-20;
$pharos-dropdown-menu-item-color-text-base: $pharos-color-black;
$pharos-dropdown-menu-item-color-text-hover: $pharos-color-jstor-red;
$pharos-dropdown-menu-item-color-text-disabled: $pharos-color-marble-gray-40;
$pharos-dropdown-menu-item-color-text-description: $pharos-color-marble-gray-40;
$pharos-dropdown-menu-item-color-border-base: $pharos-color-marble-gray-80;
$pharos-dropdown-menu-item-color-background-base: $pharos-color-white;
$pharos-dropdown-menu-item-color-background-active: $pharos-color-marble-gray-base;
$pharos-dropdown-menu-item-color-background-disabled: $pharos-color-marble-gray-base;
$pharos-dropdown-menu-item-color-background-hover: $pharos-color-marble-gray-94;
$pharos-dropdown-menu-item-color-icon-base: $pharos-color-black;
$pharos-dropdown-menu-color-border-base: $pharos-color-marble-gray-80;
$pharos-loading-spinner-color-stroke-primary: $pharos-color-jstor-red;
$pharos-loading-spinner-color-stroke-secondary: $pharos-color-living-coral-base;
$pharos-loading-spinner-color-stroke-on-background: $pharos-color-white;
$pharos-modal-color-background-content: $pharos-color-white;
$pharos-modal-color-border-content: $pharos-color-marble-gray-base;
$pharos-modal-color-icon-close: $pharos-color-marble-gray-50;
$pharos-modal-color-icon-focus: $pharos-color-jstor-red;
$pharos-modal-spacing-base: $pharos-spacing-2-x;
$pharos-pill-disabled-color: $pharos-color-marble-gray-50;
$pharos-pill-disabled-background: $pharos-color-marble-gray-base;
$pharos-pill-preset-1-text-color-base: $pharos-color-black;
$pharos-pill-preset-1-text-color-hover: $pharos-color-jstor-red;
$pharos-pill-preset-1-border-color-base: $pharos-color-marble-gray-50;
$pharos-pill-preset-1-border-color-hover: $pharos-color-jstor-red;
$pharos-pill-preset-1-background-color-base: $pharos-color-white;
$pharos-pill-preset-1-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-2-text-color-base: $pharos-color-white;
$pharos-pill-preset-2-text-color-hover: $pharos-color-white;
$pharos-pill-preset-2-border-color-base: $pharos-color-white;
$pharos-pill-preset-2-border-color-hover: $pharos-color-white;
$pharos-pill-preset-2-background-color-base: $pharos-color-marble-gray-20;
$pharos-pill-preset-2-background-color-hover: $pharos-color-marble-gray-30;
$pharos-pill-preset-3-text-color-base: $pharos-color-living-coral-50;
$pharos-pill-preset-3-text-color-hover: $pharos-color-living-coral-50;
$pharos-pill-preset-3-border-color-base: $pharos-color-living-coral-50;
$pharos-pill-preset-3-border-color-hover: $pharos-color-living-coral-50;
$pharos-pill-preset-3-background-color-base: $pharos-color-white;
$pharos-pill-preset-3-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-4-text-color-base: $pharos-color-dark-garnet;
$pharos-pill-preset-4-text-color-hover: $pharos-color-dark-garnet;
$pharos-pill-preset-4-border-color-base: $pharos-color-dark-garnet;
$pharos-pill-preset-4-border-color-hover: $pharos-color-dark-garnet;
$pharos-pill-preset-4-background-color-base: $pharos-color-white;
$pharos-pill-preset-4-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-5-text-color-base: $pharos-color-green-base;
$pharos-pill-preset-5-text-color-hover: $pharos-color-green-base;
$pharos-pill-preset-5-border-color-base: $pharos-color-green-base;
$pharos-pill-preset-5-border-color-hover: $pharos-color-green-base;
$pharos-pill-preset-5-background-color-base: $pharos-color-white;
$pharos-pill-preset-5-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-6-text-color-base: $pharos-color-glacier-blue-30;
$pharos-pill-preset-6-text-color-hover: $pharos-color-glacier-blue-30;
$pharos-pill-preset-6-border-color-base: $pharos-color-glacier-blue-30;
$pharos-pill-preset-6-border-color-hover: $pharos-color-glacier-blue-30;
$pharos-pill-preset-6-background-color-base: $pharos-color-white;
$pharos-pill-preset-6-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-7-background-color-base: $pharos-color-white;
$pharos-pill-preset-7-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-8-background-color-base: $pharos-color-white;
$pharos-pill-preset-8-background-color-hover: $pharos-color-marble-gray-97;
$pharos-pill-preset-9-background-color-base: $pharos-color-white;
$pharos-pill-preset-9-background-color-hover: $pharos-color-marble-gray-97;
$pharos-radio-group-spacing-vertical: $pharos-spacing-one-half-x;
$pharos-radio-group-spacing-horizontal: $pharos-spacing-one-and-a-half-x;
$pharos-tooltip-color-background-base: $pharos-color-marble-gray-20;
$pharos-font-family-body: $pharos-font-family-sans-serif;
$pharos-font-size-micro: $pharos-type-scale-1;
$pharos-font-size-small: $pharos-type-scale-2;
$pharos-font-size-base: $pharos-type-scale-3;
$pharos-font-size-large: $pharos-type-scale-5;
$pharos-font-size-xlarge: $pharos-type-scale-6;
$pharos-line-height-text-base-condensed: $pharos-line-height-small; // 20px
$pharos-spacing-gutter: $pharos-spacing-3-x; // 48px
$pharos-color-disabled: $pharos-color-ui-30;
$pharos-color-text-disabled: $pharos-color-text-40;
$pharos-color-text-placeholder: $pharos-color-text-40;
$pharos-color-hover-primary: $pharos-color-interactive-primary;
$pharos-color-hover-secondary: $pharos-color-ui-10;
$pharos-color-hover-row: $pharos-color-ui-20;
$pharos-alert-color-icon-error: $pharos-color-feedback-error;
$pharos-alert-color-icon-success: $pharos-color-feedback-success;
$pharos-alert-color-icon-warning: $pharos-color-feedback-warning;
$pharos-alert-color-text-base: $pharos-color-text-base;
$pharos-alert-color-text-inverse: $pharos-color-text-white;
$pharos-alert-color-link-base: $pharos-color-interactive-secondary;
$pharos-alert-color-border-error: $pharos-color-feedback-error;
$pharos-alert-color-border-success: $pharos-color-feedback-success;
$pharos-alert-color-border-warning: $pharos-color-feedback-warning;
$pharos-button-color-base-primary-background-base: $pharos-color-interactive-primary;
$pharos-button-color-base-primary-text-base: $pharos-color-text-white;
$pharos-button-color-base-primary-text-hover: $pharos-color-interactive-primary;
$pharos-button-color-base-primary-border-base: $pharos-color-interactive-primary;
$pharos-button-color-base-primary-border-hover: $pharos-color-interactive-primary;
$pharos-button-color-base-secondary-text-base: $pharos-color-text-base;
$pharos-button-color-base-secondary-text-hover: $pharos-color-interactive-primary;
$pharos-button-color-base-secondary-border-base: $pharos-color-ui-40;
$pharos-button-color-base-secondary-border-hover: $pharos-color-interactive-primary;
$pharos-button-color-base-subtle-background-hover: $pharos-color-ui-20;
$pharos-button-color-base-subtle-text-base: $pharos-color-text-base;
$pharos-button-color-base-subtle-text-hover: $pharos-color-interactive-primary;
$pharos-button-color-base-subtle-border-hover: $pharos-color-ui-20;
$pharos-button-color-base-overlay-text-base: $pharos-color-text-white;
$pharos-button-color-base-overlay-text-hover: $pharos-color-text-white;
$pharos-button-color-on-background-primary-background-base: $pharos-color-interactive-primary;
$pharos-button-color-on-background-primary-text-base: $pharos-color-text-white;
$pharos-button-color-on-background-primary-text-hover: $pharos-color-text-white;
$pharos-button-color-on-background-primary-border-base: $pharos-color-interactive-primary;
$pharos-button-color-on-background-primary-border-hover: $pharos-color-ui-10;
$pharos-button-color-on-background-secondary-text-base: $pharos-color-text-white;
$pharos-button-color-on-background-secondary-text-hover: $pharos-color-text-white;
$pharos-button-color-on-background-secondary-border-hover: $pharos-color-ui-10;
$pharos-button-color-on-background-subtle-text-base: $pharos-color-text-white;
$pharos-button-color-on-background-subtle-text-hover: $pharos-color-text-white;
$pharos-button-color-on-background-overlay-text-base: $pharos-color-text-white;
$pharos-button-color-on-background-overlay-text-hover: $pharos-color-text-white;
$pharos-checkbox-color-background-base: $pharos-color-ui-10;
$pharos-coach-mark-size-text: $pharos-font-size-small;
$pharos-combobox-color-text-selected: $pharos-color-text-base;
$pharos-combobox-color-icon-clear: $pharos-color-ui-50;
$pharos-combobox-color-icon-dropdown: $pharos-color-interactive-secondary;
$pharos-combobox-color-icon-checkmark: $pharos-color-interactive-secondary;
$pharos-combobox-color-icon-focus: $pharos-color-interactive-primary;
$pharos-form-element-color-text-base: $pharos-color-text-base;
$pharos-form-element-color-text-required: $pharos-color-feedback-error;
$pharos-form-element-color-text-invalid: $pharos-color-feedback-error;
$pharos-form-element-color-background-selected: $pharos-color-interactive-secondary;
$pharos-form-element-color-border-base: $pharos-color-ui-50;
$pharos-form-element-color-border-focus: $pharos-color-focus;
$pharos-form-element-color-border-invalid: $pharos-color-feedback-error;
$pharos-form-element-color-border-disabled: $pharos-color-ui-40;
$pharos-form-element-size-text-label: $pharos-font-size-small;
$pharos-form-element-size-text-input: $pharos-font-size-base;
$pharos-multiselect-dropdown-color-text-selected: $pharos-color-text-base;
$pharos-multiselect-dropdown-color-icon-dropdown: $pharos-color-interactive-secondary;
$pharos-radio-button-color-background-base: $pharos-color-ui-10;
$pharos-table-header-color-background: $pharos-color-ui-20;
$pharos-table-header-color-border: $pharos-color-ui-30;
$pharos-table-body-color-border: $pharos-color-ui-30;
$pharos-text-input-color-icon-valid: $pharos-color-feedback-success;
$pharos-text-input-color-icon-invalid: $pharos-color-feedback-error;
$pharos-tooltip-color-text-base: $pharos-color-text-white;
$pharos-tooltip-size-text-base: $pharos-font-size-small;
$pharos-button-color-base-primary-background-disabled: $pharos-color-disabled;
$pharos-button-color-base-primary-text-disabled: $pharos-color-text-disabled;
$pharos-button-color-base-primary-border-disabled: $pharos-color-disabled;
$pharos-button-color-base-secondary-background-disabled: $pharos-color-disabled;
$pharos-button-color-base-secondary-text-disabled: $pharos-color-text-disabled;
$pharos-button-color-base-secondary-border-disabled: $pharos-color-disabled;
$pharos-button-color-base-subtle-text-disabled: $pharos-color-text-disabled;
$pharos-button-color-base-overlay-background-disabled: $pharos-color-disabled;
$pharos-button-color-base-overlay-text-disabled: $pharos-color-text-disabled;
$pharos-button-color-base-overlay-border-disabled: $pharos-color-disabled;
$pharos-combobox-color-text-hover: $pharos-color-hover-primary;
$pharos-form-element-color-text-disabled: $pharos-color-text-disabled;
$pharos-form-element-color-text-placeholder: $pharos-color-text-placeholder;
$pharos-form-element-color-background-disabled: $pharos-color-disabled;
$pharos-multiselect-dropdown-color-text-hover: $pharos-color-hover-primary;