@solexllc/usx-theme 0.1.1 → 0.2.0

package/dist/_themes-registry.scss

@@ -0,0 +1,948 @@
+// GENERATED by build.js from presets.js + theme-manifest.js — do not edit.
+// Consumed by src/_themes.scss (`pkg:@solexllc/usx-theme/themes`).
+$themes: (
+  default: (
+    color-scheme: light,
+  ),
+  forest: (
+    color-scheme: light,
+    --usx-color-primary: #2e7d32,
+    --usx-color-primary-lighter: #eaeeeb,
+    --usx-color-primary-light: #a4bfa6,
+    --usx-color-primary-vivid: #3da458,
+    --usx-color-primary-dark: #475c4c,
+    --usx-color-primary-darker: #363a37,
+    --usx-color-primary-hover: #040404,
+    --usx-color-primary-active: #040404,
+    --usx-color-secondary: #00695c,
+    --usx-color-secondary-lighter: #4de5b3,
+    --usx-color-secondary-light: #00dcc8,
+    --usx-color-secondary-vivid: #005f41,
+    --usx-color-secondary-dark: #001c18,
+    --usx-color-secondary-darker: #000000,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #81c784,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #f2f4f3,
+    --usx-color-accent-cool-dark: #a7b1a9,
+    --usx-color-accent-cool-darker: #58a165,
+    --usx-color-accent-cool-hover: #333333,
+    --usx-color-accent-cool-active: #333333,
+    --usx-color-accent-warm: #ffb300,
+    --usx-color-accent-warm-lighter: #e7d9a3,
+    --usx-color-accent-warm-light: #ffd03c,
+    --usx-color-accent-warm-dark: #845d00,
+    --usx-color-accent-warm-darker: #534328,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-surface-3: #f4faf4,
+    --usx-link-text: #2e7d32,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-link-text: #2e7d32,
+    --usx-accordion-bg-hover: #e6f4e6,
+    --usx-banner-chevron-text: #2e7d32,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-icon-list-icon-text: #2e7d32,
+    --usx-combo-box-selected-bg: #2e7d32,
+    --usx-process-list-border: #eaeeeb,
+  ),
+  sunset: (
+    color-scheme: light,
+    --usx-color-primary: #d84315,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #eac7bb,
+    --usx-color-primary-vivid: #ec8837,
+    --usx-color-primary-dark: #aa683b,
+    --usx-color-primary-darker: #7c5336,
+    --usx-color-primary-hover: #262626,
+    --usx-color-primary-active: #262626,
+    --usx-color-secondary: #6a1b9a,
+    --usx-color-secondary-lighter: #baa2dc,
+    --usx-color-secondary-light: #af3cec,
+    --usx-color-secondary-vivid: #4b109b,
+    --usx-color-secondary-dark: #3c0464,
+    --usx-color-secondary-darker: #240137,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #ff8a65,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #ffffff,
+    --usx-color-accent-cool-dark: #e8ab8c,
+    --usx-color-accent-cool-darker: #f47121,
+    --usx-color-accent-cool-hover: #404040,
+    --usx-color-accent-cool-active: #404040,
+    --usx-color-accent-warm: #ffd54f,
+    --usx-color-accent-warm-lighter: #f7f4e2,
+    --usx-color-accent-warm-light: #ffea8b,
+    --usx-color-accent-warm-dark: #d3a000,
+    --usx-color-accent-warm-darker: #897341,
+    --usx-color-accent-warm-hover: #0a0909,
+    --usx-color-accent-warm-active: #0a0909,
+    --usx-surface-3: #fdf6f1,
+    --usx-link-text: #d84315,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-link-text: #d84315,
+    --usx-accordion-bg-hover: #fbebe0,
+    --usx-banner-chevron-text: #d84315,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-icon-list-icon-text: #d84315,
+    --usx-combo-box-selected-bg: #d84315,
+    --usx-process-list-border: #ffffff,
+  ),
+  ocean: (
+    color-scheme: light,
+    --usx-color-primary: #0891b2,
+    --usx-color-primary-lighter: #edf6fa,
+    --usx-color-primary-light: #8ed1e4,
+    --usx-color-primary-vivid: #0a8de6,
+    --usx-color-primary-dark: #26678c,
+    --usx-color-primary-darker: #21485e,
+    --usx-color-primary-hover: #0c0c0c,
+    --usx-color-primary-active: #0c0c0c,
+    --usx-color-secondary: #4338ca,
+    --usx-color-secondary-lighter: #dddfee,
+    --usx-color-secondary-light: #958bea,
+    --usx-color-secondary-vivid: #273cd1,
+    --usx-color-secondary-dark: #1712a3,
+    --usx-color-secondary-darker: #14097c,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #67e8f9,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #ffffff,
+    --usx-color-accent-cool-dark: #8ed0e2,
+    --usx-color-accent-cool-darker: #26b9eb,
+    --usx-color-accent-cool-hover: #3f3f3f,
+    --usx-color-accent-cool-active: #3f3f3f,
+    --usx-color-accent-warm: #fb923c,
+    --usx-color-accent-warm-lighter: #f1e2d1,
+    --usx-color-accent-warm-light: #ffba74,
+    --usx-color-accent-warm-dark: #bc5500,
+    --usx-color-accent-warm-darker: #75533e,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-surface-3: #f0f9fb,
+    --usx-link-text: #0891b2,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-link-text: #0891b2,
+    --usx-accordion-bg-hover: #e0f3f7,
+    --usx-banner-chevron-text: #0891b2,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-icon-list-icon-text: #0891b2,
+    --usx-combo-box-selected-bg: #0891b2,
+    --usx-process-list-border: #edf6fa,
+  ),
+  aurora: (
+    color-scheme: light,
+    --usx-color-primary: #3457d5,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #d5daec,
+    --usx-color-primary-vivid: #6162de,
+    --usx-color-primary-dark: #585ca9,
+    --usx-color-primary-darker: #4f517f,
+    --usx-color-primary-hover: #343434,
+    --usx-color-primary-active: #343434,
+    --usx-color-secondary: #7c4dff,
+    --usx-color-secondary-lighter: #ffffff,
+    --usx-color-secondary-light: #d3c0ff,
+    --usx-color-secondary-vivid: #5043ff,
+    --usx-color-secondary-dark: #3a00ff,
+    --usx-color-secondary-darker: #3a00cf,
+    --usx-color-secondary-hover: #1b162b,
+    --usx-color-secondary-active: #1b162b,
+    --usx-color-accent-cool: #00b8d9,
+    --usx-color-accent-cool-lighter: #d9f0f6,
+    --usx-color-accent-cool-light: #8fd2e8,
+    --usx-color-accent-cool-dark: #269cc3,
+    --usx-color-accent-cool-darker: #075f83,
+    --usx-color-accent-cool-hover: #000000,
+    --usx-color-accent-cool-active: #000000,
+    --usx-color-accent-warm: #ff8f6b,
+    --usx-color-accent-warm-lighter: #fdfaf8,
+    --usx-color-accent-warm-light: #ffc1a7,
+    --usx-color-accent-warm-dark: #ef3a00,
+    --usx-color-accent-warm-darker: #9b594b,
+    --usx-color-accent-warm-hover: #191617,
+    --usx-color-accent-warm-active: #191617,
+    --usx-color-info: #58b4ff,
+    --usx-color-info-lighter: #ffffff,
+    --usx-color-info-light: #f9fcfe,
+    --usx-color-info-dark: #36a2ff,
+    --usx-color-info-darker: #5a86be,
+    --usx-color-warning: #fdb8ae,
+    --usx-color-warning-lighter: #ffffff,
+    --usx-color-warning-light: #ffffff,
+    --usx-color-warning-dark: #fb7c68,
+    --usx-color-warning-darker: #c98380,
+    --usx-color-success: #009ec1,
+    --usx-color-success-lighter: #fbfcfc,
+    --usx-color-success-light: #84dae5,
+    --usx-color-success-dark: #0082a0,
+    --usx-color-success-darker: #248180,
+    --usx-color-error: #e52207,
+    --usx-color-error-lighter: #f8e8e5,
+    --usx-color-error-light: #f68673,
+    --usx-color-error-dark: #c50726,
+    --usx-color-error-darker: #7b333d,
+    --usx-color-emergency: #5942d2,
+    --usx-color-emergency-dark: #626262,
+    --usx-surface-3: #f5f7fc,
+    --usx-link-text: #3457d5,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-link-text: #3457d5,
+    --usx-accordion-bg-hover: var(--usx-surface-3),
+    --usx-accordion-icon-position: auto 1.25rem,
+    --usx-accordion-icon-padding-start: 1.25rem,
+    --usx-accordion-icon-padding-end: 3.5rem,
+    --usx-banner-chevron-text: #3457d5,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-icon-list-icon-text: #3457d5,
+    --usx-combo-box-selected-bg: #3457d5,
+    --usx-process-list-border: #ffffff,
+  ),
+  borealis: (
+    color-scheme: dark,
+    --usx-color-primary: #5b7cfa,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #ffffff,
+    --usx-color-primary-vivid: #908ffc,
+    --usx-color-primary-dark: #7175dc,
+    --usx-color-primary-darker: #5256c8,
+    --usx-color-primary-hover: #5a5a5a,
+    --usx-color-primary-active: #5a5a5a,
+    --usx-color-secondary: #b98cff,
+    --usx-color-secondary-lighter: #ffffff,
+    --usx-color-secondary-light: #ffffff,
+    --usx-color-secondary-vivid: #9a82ff,
+    --usx-color-secondary-dark: #833fff,
+    --usx-color-secondary-darker: #710fff,
+    --usx-color-secondary-hover: #3a2b55,
+    --usx-color-secondary-active: #3a2b55,
+    --usx-color-accent-cool: #2dd4bf,
+    --usx-color-accent-cool-lighter: #fbfcfc,
+    --usx-color-accent-cool-light: #c0dfde,
+    --usx-color-accent-cool-dark: #61b0ad,
+    --usx-color-accent-cool-darker: #278a8b,
+    --usx-color-accent-cool-hover: #0f0f0f,
+    --usx-color-accent-cool-active: #0f0f0f,
+    --usx-color-accent-warm: #ffab91,
+    --usx-color-accent-warm-lighter: #ffffff,
+    --usx-color-accent-warm-light: #ffdccd,
+    --usx-color-accent-warm-dark: #ff4d16,
+    --usx-color-accent-warm-darker: #b16a5b,
+    --usx-color-accent-warm-hover: #2d2829,
+    --usx-color-accent-warm-active: #2d2829,
+    --usx-color-info: #58b4ff,
+    --usx-color-info-lighter: #ffffff,
+    --usx-color-info-light: #f9fcfe,
+    --usx-color-info-dark: #36a2ff,
+    --usx-color-info-darker: #5a86be,
+    --usx-color-warning: #fdb8ae,
+    --usx-color-warning-lighter: #ffffff,
+    --usx-color-warning-light: #ffffff,
+    --usx-color-warning-dark: #fb7c68,
+    --usx-color-warning-darker: #c98380,
+    --usx-color-success: #009ec1,
+    --usx-color-success-lighter: #fbfcfc,
+    --usx-color-success-light: #84dae5,
+    --usx-color-success-dark: #0082a0,
+    --usx-color-success-darker: #248180,
+    --usx-color-error: #e52207,
+    --usx-color-error-lighter: #f8e8e5,
+    --usx-color-error-light: #f68673,
+    --usx-color-error-dark: #c50726,
+    --usx-color-error-darker: #7b333d,
+    --usx-color-emergency: #5942d2,
+    --usx-color-emergency-dark: #626262,
+    --usx-surface-1: #161a2e,
+    --usx-surface-2: #232849,
+    --usx-surface-3: #0b0e1c,
+    --usx-text-ink: #e6e8f5,
+    --usx-text-muted: #dcddff,
+    --usx-text-subtle: #aeafc9,
+    --usx-text-inverse: #161a2e,
+    --usx-link-text: #5b7cfa,
+    --usx-link-text-visited: #c9a8ff,
+    --usx-summary-box-bg: #101b33,
+    --usx-summary-box-border-color: #5b7cfa,
+    --usx-summary-box-text: #e6e8f5,
+    --usx-summary-box-link-text: #5b7cfa,
+    --usx-accordion-bg: #292f57,
+    --usx-accordion-bg-hover: var(--usx-surface-3),
+    --usx-accordion-content-bg: #161a2e,
+    --usx-accordion-icon-position: auto 1.25rem,
+    --usx-accordion-icon-padding-start: 1.25rem,
+    --usx-accordion-icon-padding-end: 3.5rem,
+    --usx-logo-display: none,
+    --usx-logo-inverse-display: block,
+    --usx-banner-bg: #1f2442,
+    --usx-banner-text: #e6e8f5,
+    --usx-banner-button-text: var(--usx-text-ink),
+    --usx-banner-chevron-text: #5b7cfa,
+    --usx-file-input-preview-bg: #24294b,
+    --usx-file-input-preview-text: #e6e8f5,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-tooltip-bg: #e6e8f5,
+    --usx-tooltip-text: #0b0e1c,
+    --usx-icon-list-icon-text: #5b7cfa,
+    --usx-date-picker-button-hover-active-bg: #565c65,
+    --usx-combo-box-selected-bg: #5b7cfa,
+    --usx-in-page-nav-bg: var(--usx-surface-2),
+    --usx-process-list-border: #ffffff,
+    --usx-pagination-current-text: #161a2e,
+    --usx-modal-bg: #161a2e,
+    --usx-modal-text: #e6e8f5,
+    --usx-modal-close-text: #aeafc9,
+    --usx-modal-close-text-hover: #e6e8f5,
+    --usx-language-selector-menu-text: #161a2e,
+  ),
+  midnight: (
+    color-scheme: dark,
+    --usx-color-primary: #60a5fa,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #ffffff,
+    --usx-color-primary-vivid: #94adfc,
+    --usx-color-primary-dark: #7592dd,
+    --usx-color-primary-darker: #5676c9,
+    --usx-color-primary-hover: #5c5c5c,
+    --usx-color-primary-active: #5c5c5c,
+    --usx-color-secondary: #a78bfa,
+    --usx-color-secondary-lighter: #ffffff,
+    --usx-color-secondary-light: #fbf9ff,
+    --usx-color-secondary-vivid: #837cff,
+    --usx-color-secondary-dark: #6439ff,
+    --usx-color-secondary-darker: #4b09ff,
+    --usx-color-secondary-hover: #352e4c,
+    --usx-color-secondary-active: #352e4c,
+    --usx-color-accent-cool: #38bdf8,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #d9eaf5,
+    --usx-color-accent-cool-dark: #67abd9,
+    --usx-color-accent-cool-darker: #127bcf,
+    --usx-color-accent-cool-hover: #272727,
+    --usx-color-accent-cool-active: #272727,
+    --usx-color-accent-warm: #fbbf24,
+    --usx-color-accent-warm-lighter: #ece3be,
+    --usx-color-accent-warm-light: #ffda5c,
+    --usx-color-accent-warm-dark: #a47600,
+    --usx-color-accent-warm-darker: #665535,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-surface-1: #1e293b,
+    --usx-surface-2: #334155,
+    --usx-surface-3: #0f172a,
+    --usx-text-ink: #e2e8f0,
+    --usx-text-muted: #c7c9da,
+    --usx-text-subtle: #aeafc9,
+    --usx-text-inverse: #1e293b,
+    --usx-link-text: #60a5fa,
+    --usx-link-text-visited: #b39ddb,
+    --usx-summary-box-bg: #0f1b2e,
+    --usx-summary-box-border-color: #60a5fa,
+    --usx-summary-box-text: #e2e8f0,
+    --usx-summary-box-link-text: #60a5fa,
+    --usx-accordion-bg: #3a4b61,
+    --usx-accordion-bg-hover: #0a0f1b,
+    --usx-accordion-content-bg: #1e293b,
+    --usx-logo-display: none,
+    --usx-logo-inverse-display: block,
+    --usx-banner-bg: #2f3c4e,
+    --usx-banner-text: #e2e8f0,
+    --usx-banner-button-text: var(--usx-text-ink),
+    --usx-banner-chevron-text: #60a5fa,
+    --usx-file-input-preview-bg: #344257,
+    --usx-file-input-preview-text: #e2e8f0,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-tooltip-bg: #e2e8f0,
+    --usx-tooltip-text: #020617,
+    --usx-icon-list-icon-text: #60a5fa,
+    --usx-date-picker-button-hover-active-bg: #565c65,
+    --usx-combo-box-selected-bg: #60a5fa,
+    --usx-in-page-nav-bg: var(--usx-surface-2),
+    --usx-process-list-border: #ffffff,
+    --usx-pagination-current-text: #1e293b,
+    --usx-modal-bg: #1e293b,
+    --usx-modal-text: #e2e8f0,
+    --usx-modal-close-text: #aeafc9,
+    --usx-modal-close-text-hover: #e2e8f0,
+    --usx-language-selector-menu-text: #1e293b,
+  ),
+  carbon: (
+    color-scheme: dark,
+    --usx-color-primary: #fa9441,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #fdf9f6,
+    --usx-color-primary-vivid: #fbce76,
+    --usx-color-primary-dark: #d8a85b,
+    --usx-color-primary-darker: #c2903e,
+    --usx-color-primary-hover: #4d4d4d,
+    --usx-color-primary-active: #4d4d4d,
+    --usx-color-secondary: #22d3ee,
+    --usx-color-secondary-lighter: #e1f8f6,
+    --usx-color-secondary-light: #86eafd,
+    --usx-color-secondary-vivid: #0bfbeb,
+    --usx-color-secondary-dark: #00b0c3,
+    --usx-color-secondary-darker: #007d93,
+    --usx-color-secondary-hover: #020303,
+    --usx-color-secondary-active: #020303,
+    --usx-color-accent-cool: #38bdf8,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #d9eaf5,
+    --usx-color-accent-cool-dark: #67abd9,
+    --usx-color-accent-cool-darker: #127bcf,
+    --usx-color-accent-cool-hover: #272727,
+    --usx-color-accent-cool-active: #272727,
+    --usx-color-accent-warm: #facc15,
+    --usx-color-accent-warm-lighter: #e8e2b2,
+    --usx-color-accent-warm-light: #ffe54c,
+    --usx-color-accent-warm-dark: #947600,
+    --usx-color-accent-warm-darker: #5b5030,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-surface-1: #1c1c1e,
+    --usx-surface-2: #3a3a3d,
+    --usx-surface-3: #121214,
+    --usx-text-ink: #e5e5e5,
+    --usx-text-muted: #c0c0c0,
+    --usx-text-subtle: #a3a3a3,
+    --usx-text-inverse: #1c1c1e,
+    --usx-link-text: #fa9441,
+    --usx-link-text-visited: #b39ddb,
+    --usx-summary-box-bg: #241a10,
+    --usx-summary-box-border-color: #fb923c,
+    --usx-summary-box-text: #e5e5e5,
+    --usx-summary-box-link-text: #fa9441,
+    --usx-accordion-bg: #454545,
+    --usx-accordion-bg-hover: #090909,
+    --usx-accordion-content-bg: #1d1d1d,
+    --usx-logo-display: none,
+    --usx-logo-inverse-display: block,
+    --usx-banner-bg: var(--usx-surface-3),
+    --usx-banner-text: #e5e5e5,
+    --usx-banner-button-text: var(--usx-text-ink),
+    --usx-banner-chevron-text: #fa9441,
+    --usx-file-input-preview-bg: #173e63,
+    --usx-file-input-preview-text: #e5e5e5,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-2),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-tooltip-bg: #e5e5e5,
+    --usx-tooltip-text: #000000,
+    --usx-icon-list-icon-text: #fa9441,
+    --usx-date-picker-button-hover-active-bg: #565c65,
+    --usx-combo-box-selected-bg: #fa9441,
+    --usx-in-page-nav-bg: var(--usx-surface-2),
+    --usx-process-list-border: #ffffff,
+    --usx-pagination-current-text: #1d1d1d,
+    --usx-modal-bg: #1d1d1d,
+    --usx-modal-text: #e5e5e5,
+    --usx-modal-close-text: #9fa3a7,
+    --usx-modal-close-text-hover: #e5e5e5,
+    --usx-language-selector-menu-text: #1d1d1d,
+  ),
+  vads: (
+    color-scheme: light,
+    --usx-color-primary-hover: #000000,
+    --usx-color-primary-active: #000000,
+    --usx-color-secondary: #00bde3,
+    --usx-color-secondary-lighter: #b7f5f3,
+    --usx-color-secondary-light: #57ddff,
+    --usx-color-secondary-vivid: #00d9d3,
+    --usx-color-secondary-dark: #008296,
+    --usx-color-secondary-darker: #005366,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #97d4ea,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #ffffff,
+    --usx-color-accent-cool-dark: #b6cedb,
+    --usx-color-accent-cool-darker: #5fa4d3,
+    --usx-color-accent-cool-hover: #4f4f4f,
+    --usx-color-accent-cool-active: #4f4f4f,
+    --usx-color-accent-warm: #bd5727,
+    --usx-color-accent-warm-lighter: #c9b4a6,
+    --usx-color-accent-warm-light: #df7c41,
+    --usx-color-accent-warm-dark: #5a270f,
+    --usx-color-accent-warm-darker: #303030,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-font-family: ("Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif),
+    --usx-font-family-heading: (Bitter, Georgia, Cambria, "Times New Roman", Times, serif),
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+  ),
+  gov-uk: (
+    color-scheme: light,
+    --usx-color-primary: #1d70b8,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #aec7df,
+    --usx-color-primary-vivid: #2d67de,
+    --usx-color-primary-dark: #3f5c8e,
+    --usx-color-primary-darker: #364764,
+    --usx-color-primary-hover: #1a1a1a,
+    --usx-color-primary-active: #1a1a1a,
+    --usx-color-secondary: #0f7a52,
+    --usx-color-secondary-lighter: #7bd7a2,
+    --usx-color-secondary-light: #0defa2,
+    --usx-color-secondary-vivid: #077837,
+    --usx-color-secondary-dark: #003c23,
+    --usx-color-secondary-darker: #000c08,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #8eb8dc,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #ffffff,
+    --usx-color-accent-cool-dark: #b0bbca,
+    --usx-color-accent-cool-darker: #5c84bf,
+    --usx-color-accent-cool-hover: #444444,
+    --usx-color-accent-cool-active: #444444,
+    --usx-color-accent-warm: #f47738,
+    --usx-color-accent-warm-lighter: #edd9ca,
+    --usx-color-accent-warm-light: #fba46d,
+    --usx-color-accent-warm-dark: #ac3d05,
+    --usx-color-accent-warm-darker: #694a3f,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-color-focus: #ffdd00,
+    --usx-surface-3: #f4f8fb,
+    --usx-color-border: #cecece,
+    --usx-radius-box: 0,
+    --usx-radius-selector: 0,
+    --usx-checkable-tile-radius: 0,
+    --usx-misc-banner-badge-radius: 0,
+    --usx-border-width-inputs: 2px,
+    --usx-accordion-border-width: 1px,
+    --usx-font-family: ("GDS Transport", arial, sans-serif),
+    --usx-link-text: #1d70b8,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-text: #0b0c0c,
+    --usx-summary-box-link-text: #1d70b8,
+    --usx-accordion-bg: #f3f3f3,
+    --usx-accordion-bg-hover: #e5eff6,
+    --usx-accordion-text: #0b0c0c,
+    --usx-accordion-content-text: #0b0c0c,
+    --usx-banner-chevron-text: #1d70b8,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-color-primary),
+    --usx-header-text: var(--usx-text-inverse),
+    --usx-header-nav-bg: var(--usx-color-primary),
+    --usx-header-nav-bg-mobile: #f4f8fb,
+    --usx-header-nav-link-text: var(--usx-text-inverse),
+    --usx-header-nav-link-text-mobile: #1a65a6,
+    --usx-header-nav-link-text-hover: var(--usx-text-inverse),
+    --usx-header-nav-link-text-hover-mobile: #0f385c,
+    --usx-header-secondary-link-text: var(--usx-text-ink),
+    --usx-header-secondary-link-text-hover: var(--usx-text-ink),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-icon-list-icon-text: #1d70b8,
+    --usx-combo-box-selected-bg: #1d70b8,
+    --usx-process-list-border: #ffffff,
+  ),
+  nasa: (
+    color-scheme: light,
+    --usx-color-primary: #d83933,
+    --usx-color-primary-lighter: #ffffff,
+    --usx-color-primary-light: #edd8d6,
+    --usx-color-primary-vivid: #e18060,
+    --usx-color-primary-dark: #ac6857,
+    --usx-color-primary-darker: #82594e,
+    --usx-color-primary-hover: #353535,
+    --usx-color-primary-active: #353535,
+    --usx-color-secondary: #1c67e3,
+    --usx-color-secondary-lighter: #d6e6f2,
+    --usx-color-secondary-light: #7aa5f8,
+    --usx-color-secondary-vivid: #0e8be7,
+    --usx-color-secondary-dark: #004ab2,
+    --usx-color-secondary-darker: #002f82,
+    --usx-color-secondary-hover: #000000,
+    --usx-color-secondary-active: #000000,
+    --usx-color-accent-cool: #959599,
+    --usx-color-accent-cool-lighter: #ffffff,
+    --usx-color-accent-cool-light: #e6e6e6,
+    --usx-color-accent-cool-dark: #9f9f9f,
+    --usx-color-accent-cool-darker: #707070,
+    --usx-color-accent-cool-hover: #262626,
+    --usx-color-accent-cool-active: #262626,
+    --usx-color-accent-warm: #f64137,
+    --usx-color-accent-warm-lighter: #eecfca,
+    --usx-color-accent-warm-light: #fc7c6d,
+    --usx-color-accent-warm-dark: #af0c03,
+    --usx-color-accent-warm-darker: #6b3e3f,
+    --usx-color-accent-warm-hover: #000000,
+    --usx-color-accent-warm-active: #000000,
+    --usx-surface-3: #000000,
+    --usx-color-border: #b9b9bb,
+    --usx-radius-box: 0,
+    --usx-radius-button: 4px,
+    --usx-checkable-tile-radius: 0,
+    --usx-font-family: ("Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif),
+    --usx-link-text: #d83933,
+    --usx-summary-box-bg: var(--usx-surface-3),
+    --usx-summary-box-border-color: var(--usx-color-primary),
+    --usx-summary-box-text: var(--usx-text-inverse),
+    --usx-summary-box-link-text: #d83933,
+    --usx-accordion-bg: var(--usx-surface-3),
+    --usx-accordion-bg-hover: var(--usx-color-primary),
+    --usx-accordion-text: var(--usx-text-inverse),
+    --usx-logo-display: none,
+    --usx-logo-inverse-display: block,
+    --usx-banner-chevron-text: #d83933,
+    --usx-header-border: var(--usx-color-border),
+    --usx-header-bg: var(--usx-surface-3),
+    --usx-header-text: var(--usx-text-inverse),
+    --usx-header-nav-bg: var(--usx-surface-3),
+    --usx-header-nav-bg-mobile: var(--usx-surface-3),
+    --usx-header-nav-link-text: var(--usx-text-inverse),
+    --usx-header-secondary-link-text: var(--usx-text-inverse),
+    --usx-header-nav-bottom-border: var(--usx-color-border),
+    --usx-footer-border: var(--usx-color-border),
+    --usx-footer-primary-section-border: var(--usx-color-border),
+    --usx-footer-secondary-section-border: var(--usx-color-border),
+    --usx-footer-text: var(--usx-text-inverse),
+    --usx-footer-heading-secondary-text: var(--usx-text-inverse),
+    --usx-table-grouped-row-text: var(--usx-text-inverse),
+    --usx-icon-list-icon-text: #d83933,
+    --usx-combo-box-selected-bg: #d83933,
+    --usx-range-slider-track-bg: var(--usx-surface-1),
+    --usx-range-slider-track-border: #000000,
+    --usx-range-slider-thumb-bg: var(--usx-surface-1),
+    --usx-range-slider-thumb-border: #000000,
+    --usx-process-list-border: #ffffff,
+  ),
+);
+$defaults: (
+  --usx-color-primary: #005ea2,
+  --usx-color-primary-lighter: #d9e8f6,
+  --usx-color-primary-light: #73b3e7,
+  --usx-color-primary-vivid: #0050d8,
+  --usx-color-primary-dark: #1a4480,
+  --usx-color-primary-darker: #162e51,
+  --usx-color-primary-hover: var(--usx-color-primary-dark),
+  --usx-color-primary-active: var(--usx-color-primary-darker),
+  --usx-color-secondary: #d83933,
+  --usx-color-secondary-lighter: #f3e1e4,
+  --usx-color-secondary-light: #f2938c,
+  --usx-color-secondary-vivid: #e41d3d,
+  --usx-color-secondary-dark: #b50909,
+  --usx-color-secondary-darker: #8b0a03,
+  --usx-color-secondary-hover: var(--usx-color-secondary-dark),
+  --usx-color-secondary-active: var(--usx-color-secondary-darker),
+  --usx-color-accent-cool: #00bde3,
+  --usx-color-accent-cool-lighter: #e1f3f8,
+  --usx-color-accent-cool-light: #97d4ea,
+  --usx-color-accent-cool-dark: #28a0cb,
+  --usx-color-accent-cool-darker: #07648d,
+  --usx-color-accent-cool-hover: var(--usx-color-accent-cool-dark),
+  --usx-color-accent-cool-active: var(--usx-color-accent-cool-darker),
+  --usx-color-accent-warm: #fa9441,
+  --usx-color-accent-warm-lighter: #f2e4d4,
+  --usx-color-accent-warm-light: #ffbc78,
+  --usx-color-accent-warm-dark: #c05600,
+  --usx-color-accent-warm-darker: #775540,
+  --usx-color-accent-warm-hover: var(--usx-color-accent-warm-dark),
+  --usx-color-accent-warm-active: var(--usx-color-accent-warm-darker),
+  --usx-color-base: #71767a,
+  --usx-color-base-lightest: #f0f0f0,
+  --usx-color-base-lighter: #dfe1e2,
+  --usx-color-base-light: #a9aeb1,
+  --usx-color-base-dark: #565c65,
+  --usx-color-base-darker: #3d4551,
+  --usx-color-base-darkest: #1b1b1b,
+  --usx-color-base-ink: #1b1b1b,
+  --usx-color-base-hover: var(--usx-color-base-dark),
+  --usx-color-base-active: var(--usx-color-base-darker),
+  --usx-color-info: #00bde3,
+  --usx-color-info-lighter: #e7f6f8,
+  --usx-color-info-light: #99deea,
+  --usx-color-info-dark: #009ec1,
+  --usx-color-info-darker: #2e6276,
+  --usx-color-warning: #ffbe2e,
+  --usx-color-warning-lighter: #faf3d1,
+  --usx-color-warning-light: #fee685,
+  --usx-color-warning-dark: #e5a000,
+  --usx-color-warning-darker: #936f38,
+  --usx-color-success: #00a91c,
+  --usx-color-success-lighter: #ecf3ec,
+  --usx-color-success-light: #70e17b,
+  --usx-color-success-dark: #008817,
+  --usx-color-success-darker: #216e1f,
+  --usx-color-error: #d54309,
+  --usx-color-error-lighter: #f4e3db,
+  --usx-color-error-light: #f39268,
+  --usx-color-error-dark: #b50909,
+  --usx-color-error-darker: #6f3331,
+  --usx-color-emergency: #9c3d10,
+  --usx-color-emergency-dark: #332d29,
+  --usx-color-disabled: #757575,
+  --usx-color-disabled-lighter: #c9c9c9,
+  --usx-color-disabled-light: #919191,
+  --usx-color-disabled-dark: #454545,
+  --usx-color-disabled-darker: #1b1b1b,
+  --usx-color-focus: #2491ff,
+  --usx-color-visited: #54278f,
+  --usx-surface-1: #ffffff,
+  --usx-surface-2: #e6e6e6,
+  --usx-surface-3: #f0f0f0,
+  --usx-color-border: #c9c9c9,
+  --usx-color-beta: #2e8540,
+  --usx-color-test: #7800af,
+  --usx-color-dev: #ee9a2d,
+  --usx-text-ink: #1b1b1b,
+  --usx-text-muted: #565c65,
+  --usx-text-subtle: #71767a,
+  --usx-text-inverse: #ffffff,
+  --usx-spacing-xs: 0.25rem,
+  --usx-spacing-sm: 0.5rem,
+  --usx-spacing-md: 1rem,
+  --usx-spacing-lg: 1.5rem,
+  --usx-spacing-xl: 2rem,
+  --usx-radius-sm: 0.25rem,
+  --usx-radius-md: 0.5rem,
+  --usx-radius-lg: 1rem,
+  --usx-radius-xl: 2rem,
+  --usx-radius-full: 100%,
+  --usx-radius-box: 1rem,
+  --usx-radius-field: 0,
+  --usx-radius-button: 0.25rem,
+  --usx-radius-selector: 2px,
+  --usx-radius-none: 0,
+  --usx-accordion-radius: var(--usx-radius-none),
+  --usx-alert-radius: var(--usx-radius-none),
+  --usx-input-radius: var(--usx-radius-field),
+  --usx-textarea-radius: var(--usx-radius-field),
+  --usx-code-radius: var(--usx-radius-box),
+  --usx-summary-box-radius: var(--usx-radius-box),
+  --usx-hero-callout-radius: var(--usx-radius-box),
+  --usx-image-radius: var(--usx-radius-box),
+  --usx-tag-radius: var(--usx-radius-selector),
+  --usx-checkable-radius: var(--usx-radius-selector),
+  --usx-checkable-tile-radius: 0.25rem,
+  --usx-misc-banner-badge-radius: 6px,
+  --usx-border-width-sm: 1px,
+  --usx-border-width-md: 2px,
+  --usx-border-width-lg: 0.25rem,
+  --usx-border-width-xl: 0.5rem,
+  --usx-border-width-inputs: var(--usx-border-width-sm),
+  --usx-task-list-inner-border-width: var(--usx-border-width-sm),
+  --usx-task-list-outer-border-width: var(--usx-border-width-md),
+  --usx-step-indicator-segment-bar-width: var(--usx-border-width-xl),
+  --usx-accordion-border-width: var(--usx-border-width-lg),
+  --usx-button-outline-border-width: var(--usx-border-width-md),
+  --usx-switch-border-width: 2px,
+  --usx-file-input-border-width: var(--usx-border-width-inputs),
+  --usx-file-input-item-border-width: var(--usx-border-width-sm),
+  --usx-range-slider-border-width: var(--usx-border-width-md),
+  --usx-font-family: (Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif),
+  --usx-font-family-heading: var(--usx-font-family),
+  --usx-font-size-base: 1rem,
+  --usx-font-size-h1: 2.5rem,
+  --usx-font-size-h2: 2rem,
+  --usx-font-size-h3: 1.75rem,
+  --usx-font-size-h4: 1.5rem,
+  --usx-font-size-h5: 1.25rem,
+  --usx-font-size-h6: 1rem,
+  --usx-font-weight-regular: 400,
+  --usx-font-weight-bold: 700,
+  --usx-line-height-base: 1.5,
+  --usx-line-height-heading: 1.2,
+  --usx-attribution-primary-font-weight: 600,
+  --usx-attribution-secondary-font-size: 0.875rem,
+  --usx-avatar-content-font-weight: 600,
+  --usx-avatar-font-size-sm: 0.875rem,
+  --usx-avatar-font-size-lg: 1.25rem,
+  --usx-avatar-font-size-xl: 1.5rem,
+  --usx-calendar-date-font-size: 1.13rem,
+  --usx-code-font-size: 0.875rem,
+  --usx-misc-banner-font-size: 1.07rem,
+  --usx-modal-heading-font-size: 1.34rem,
+  --usx-tag-line-height: 1.6,
+  --usx-task-list-link-font-size: 1.31rem,
+  --usx-link-text: #005ea2,
+  --usx-link-text-visited: var(--usx-color-visited),
+  --usx-link-text-dark: #e6e6e6,
+  --usx-link-text-visited-dark: #e6e6e6,
+  --usx-summary-box-link-text-visited: var(--usx-color-visited),
+  --usx-summary-box-bg: #e7f6f8,
+  --usx-summary-box-border-color: #99deea,
+  --usx-summary-box-text: #1b1b1b,
+  --usx-summary-box-link-text: #005ea2,
+  --usx-summary-box-link-text-hover: #1a4480,
+  --usx-accordion-bg: #f0f0f0,
+  --usx-accordion-bg-hover: #e6e6e6,
+  --usx-accordion-content-bg: #ffffff,
+  --usx-accordion-text: var(--usx-text-ink),
+  --usx-accordion-content-text: var(--usx-text-ink),
+  --usx-accordion-icon-position: 1.25rem auto,
+  --usx-accordion-icon-padding-start: 3.5rem,
+  --usx-accordion-icon-padding-end: 1.25rem,
+  --usx-logo-display: block,
+  --usx-logo-inverse-display: none,
+  --usx-banner-bg: #dfe1e2,
+  --usx-banner-text: #1b1b1b,
+  --usx-banner-button-text: #005ea2,
+  --usx-banner-chevron-text: #005ea2,
+  --usx-carousel-dot-bg: #c0c0c0,
+  --usx-carousel-dot-bg-hover: #a0a0a0,
+  --usx-carousel-dot-bg-active: #808080,
+  --usx-carousel-focus: var(--usx-color-focus),
+  --usx-step-indicator-bg: var(--usx-surface-1),
+  --usx-step-indicator-segment-pending-border: var(--usx-color-base-light),
+  --usx-task-list-link-text: var(--usx-link-text),
+  --usx-clickable-focus: var(--usx-color-focus),
+  --usx-clickable-text-hover: #005ea2,
+  --usx-misc-banner-focus: #9bdaf1,
+  --usx-checkable-tile-border: var(--usx-color-border),
+  --usx-task-list-border: var(--usx-color-border),
+  --usx-file-input-border: var(--usx-color-border),
+  --usx-file-input-item-border: var(--usx-color-border),
+  --usx-file-input-preview-bg: #d9e8f6,
+  --usx-file-input-preview-text: #1b1b1b,
+  --usx-task-list-bg-hover: var(--usx-surface-2),
+  --usx-checkable-bg: var(--usx-surface-1),
+  --usx-checkable-border: var(--usx-text-ink),
+  --usx-sidenav-bg-hover: var(--usx-surface-2),
+  --usx-sidenav-border: var(--usx-color-border),
+  --usx-header-border: transparent,
+  --usx-header-bg: transparent,
+  --usx-header-text: var(--usx-text-ink),
+  --usx-header-nav-bg: #ffffff,
+  --usx-header-nav-bg-mobile: #ffffff,
+  --usx-header-nav-link-text: var(--usx-text-muted),
+  --usx-header-nav-link-text-mobile: var(--usx-header-nav-link-text),
+  --usx-header-nav-link-text-hover: var(--usx-color-primary),
+  --usx-header-nav-link-text-hover-mobile: var(--usx-header-nav-link-text-hover),
+  --usx-header-secondary-link-text: var(--usx-text-subtle),
+  --usx-header-secondary-link-text-hover: var(--usx-color-primary),
+  --usx-header-nav-link-bg-hover: var(--usx-surface-2),
+  --usx-header-nav-top-border: var(--usx-color-border),
+  --usx-header-nav-bottom-border: transparent,
+  --usx-footer-border: transparent,
+  --usx-footer-primary-section-border: transparent,
+  --usx-footer-secondary-section-border: transparent,
+  --usx-footer-text: var(--usx-text-ink),
+  --usx-footer-link-text: var(--usx-color-primary),
+  --usx-footer-link-text-hover: var(--usx-color-primary-dark),
+  --usx-footer-secondary-link-text: var(--usx-color-primary),
+  --usx-footer-secondary-link-text-hover: var(--usx-color-primary-dark),
+  --usx-footer-heading-text: var(--usx-text-ink),
+  --usx-footer-heading-secondary-text: var(--usx-footer-heading-text),
+  --usx-page-bg: var(--usx-surface-1),
+  --usx-page-text: var(--usx-text-ink),
+  --usx-section-bg: transparent,
+  --usx-section-text: var(--usx-text-ink),
+  --usx-table-bg-hover: var(--usx-surface-2),
+  --usx-table-selected-bg: var(--usx-surface-3),
+  --usx-table-bg: var(--usx-surface-1),
+  --usx-table-header-bg: var(--usx-surface-2),
+  --usx-table-stripe-bg: var(--usx-surface-3),
+  --usx-table-border: var(--usx-color-border),
+  --usx-table-placeholder-text: var(--usx-text-subtle),
+  --usx-table-sorted-column-bg: var(--usx-color-accent-cool),
+  --usx-table-grouped-row-bg: var(--usx-surface-3),
+  --usx-table-grouped-row-text: var(--usx-text-ink),
+  --usx-tooltip-bg: #1b1b1b,
+  --usx-tooltip-text: #ffffff,
+  --usx-icon-list-icon-text: #005ea2,
+  --usx-date-picker-button-icon-color: var(--usx-text-ink),
+  --usx-date-picker-button-hover-active-bg: #a9aeb1,
+  --usx-combo-box-selected-bg: #005ea2,
+  --usx-range-slider-track-bg: #f0f0f0,
+  --usx-range-slider-track-border: #3d4551,
+  --usx-range-slider-thumb-bg: #f0f0f0,
+  --usx-range-slider-thumb-border: #3d4551,
+  --usx-range-slider-focus: var(--usx-color-focus),
+  --usx-in-page-nav-bg: transparent,
+  --usx-in-page-nav-text: var(--usx-text-ink),
+  --usx-in-page-nav-border: var(--usx-color-border),
+  --usx-in-page-nav-link-text: var(--usx-link-text),
+  --usx-in-page-nav-link-text-hover: var(--usx-link-text-hover),
+  --usx-in-page-nav-current-text: var(--usx-text-ink),
+  --usx-in-page-nav-bar: var(--usx-color-primary),
+  --usx-breadcrumb-bg: transparent,
+  --usx-breadcrumb-text: var(--usx-text-ink),
+  --usx-breadcrumb-link-text: var(--usx-link-text),
+  --usx-breadcrumb-link-text-hover: var(--usx-link-text-hover),
+  --usx-breadcrumb-current-text: var(--usx-text-ink),
+  --usx-process-list-heading-text: var(--usx-text-ink),
+  --usx-process-list-border: #d9e8f6,
+  --usx-process-list-counter-text: var(--usx-text-ink),
+  --usx-process-list-counter-border: var(--usx-text-ink),
+  --usx-process-list-counter-ring: var(--usx-surface-1),
+  --usx-collection-meta-text: var(--usx-text-subtle),
+  --usx-collection-description-text: var(--usx-text-ink),
+  --usx-pagination-link-text: var(--usx-link-text),
+  --usx-pagination-link-text-hover: var(--usx-link-text-hover),
+  --usx-pagination-current-bg: var(--usx-color-primary),
+  --usx-pagination-current-text: #ffffff,
+  --usx-pagination-bg: transparent,
+  --usx-pagination-text: var(--usx-text-ink),
+  --usx-pagination-button-border: var(--usx-color-border),
+  --usx-modal-bg: #ffffff,
+  --usx-modal-text: #1b1b1b,
+  --usx-modal-close-text: #71767a,
+  --usx-modal-close-text-hover: #1b1b1b,
+  --usx-language-selector-menu-bg: var(--usx-color-primary-darker),
+  --usx-language-selector-menu-text: #ffffff,
+);