/* Digital Theme Variables - Randstad ES */
[data-rel-theme] {
	--color-digital-vibrant-blue-default: #00ffff;
	--color-digital-vibrant-blue-100: #ccffff;
	--color-digital-vibrant-blue-200: #99ffff;
	--color-digital-vibrant-blue-400: #33ffff;
	--color-digital-vibrant-blue-50: #e5ffff;
	--color-digital-vibrant-blue-600: #00cccc;
	--color-digital-vibrant-blue-700: #009999;
	--color-alpha-digital-vibrant-blue-10: #00ffff1a;
	--color-alpha-digital-vibrant-blue-20: #00ffff33;
	--color-alpha-digital-vibrant-blue-30: #00ffff4d;
	--color-alpha-digital-vibrant-blue-70: #00ffffb2;

	--text-font-default: Graphik Web, Tahoma, sans-serif;
	/*Spacing*/
	--spacing-rem-01: 0.25rem;
	--spacing-rem-02: 0.5rem;
	--spacing-rem-03: 0.75rem;
	--spacing-rem-04: 1rem;
	--spacing-rem-06: 1.5rem;
	--spacing-rem-08: 2rem;
	--spacing-rem-10: 2.5rem;
	--spacing-rem-12: 3rem;
	--spacing-rem-16: 4rem;
	--spacing-rem-20: 5rem;
	--spacing-rem-24: 6rem;
	--spacing-rem-32: 8rem;

	--spacing-01: 0.25rem;
	--spacing-02: 0.5rem;
	--spacing-03: 0.75rem;
	--spacing-04: 1rem;
	--spacing-06: 1.5rem;
	--spacing-08: 2rem;
	--spacing-10: 2.5rem;
	--spacing-12: 3rem;
	--spacing-16: 4rem;
	--spacing-20: 5rem;
	--spacing-24: 6rem;
	--spacing-32: 8rem;
}

[data-rel-theme="light-default"],
[data-rel-theme="light-variant"] {
	/* Sobreescritura de las variables, pues global tiene una versión más actualizada */
	--bg-be-filled-active-idle: var(--color-mariner-accessible);
	--bg-be-filled-unactive-idle: var(--color-zodiac-blue-100);
	--components-modal-backdrop: var(--color-alpha-zodiac-blue-70);
	--components-forms-border-input-error-hover: var(--color-crimson-default);
	--components-forms-bg-input-input-filled-error: var(--color-white-default);
	--components-forms-icon-on-bg-input-filled-error: var(--color-crimson-default);
}

[data-rel-theme="dark-default"] {
	/* Sobreescritura de las variables, pues global tiene una versión más actualizada */
	--bg-be-filled-active-idle: var(--color-zodiac-blue-default);
	--bg-be-filled-unactive-idle: var(--color-alpha-white-70);
	--components-forms-border-input-hover: var(--color-zodiac-blue-600);
	--components-forms-border-input-error: var(--color-white-default);
	--components-forms-border-input-error-hover: var(--color-zodiac-blue-600);
	--components-forms-icon-on-bg-input-filled-error: var(--color-crimson-default);
	--components-forms-bg-input-input-filled-error: var(--color-crimson-default);
}

[data-rel-theme="dark-variant"] {
	/* Sobreescritura de las variables, pues global tiene una versión más actualizada */
	--bg-be-filled-unactive-idle: var(--color-alpha-white-50);
	--components-forms-bg-input-input-filled-error: var(--color-white-default);
	--components-forms-icon-on-bg-input-filled-error: var(--color-crimson-default);
	/* Reemplaza --color-alpha-aqua / --color-aqua-* por blanco */
	--text-on-bg-default-accent: var(--color-white-default);
	--bg-primary-disabled: var(--color-alpha-white-10);
	--bg-primary-focus: var(--color-white-default);
	--bg-primary-hover: var(--color-alpha-white-50);
	--bg-primary-idle: var(--color-white-default);
	--bg-primary-pressed: var(--color-alpha-white-50);
	--bg-secondary-disabled: var(--color-alpha-white-10);
	--bg-secondary-hover: var(--color-alpha-white-50);
	--bg-secondary-pressed: var(--color-alpha-white-50);
	--bg-tertiary-hover: var(--color-alpha-white-50);
	--bg-tertiary-pressed: var(--color-alpha-white-50);
	--border-primary-focus-ring: var(--color-white-default);
	--border-secondary-focus-ring: var(--color-white-default);
	--border-tertiary-focus-ring: var(--color-white-default);
}

/* Digital Light Default Theme */
[data-rel-theme="digital-light-default"] {
	--components-tag-bg: var(--color-digital-vibrant-blue-50);
	--components-tag-border: var(--color-digital-vibrant-blue-50);
}

/* Digital Dark Default Theme */
[data-rel-theme="digital-dark-default"] {
	--border-accent: var(--color-digital-vibrant-blue-default);
	--text-on-bg-default-accent: var(--color-digital-vibrant-blue-default);
	--text-on-bg-default-large-text: var(--color-digital-vibrant-blue-default);
	--text-on-bg-default-link-hover: var(--color-digital-vibrant-blue-default);
	--text-on-bg-default-link-idle: var(--color-digital-vibrant-blue-default);
	--text-on-bg-default-link-pressed: var(
		--color-digital-vibrant-blue-default
	);
	--bg-primary-disabled: var(--color-alpha-digital-vibrant-blue-10);
	--bg-primary-focus: var(--color-digital-vibrant-blue-default);
	--bg-primary-hover: var(--color-digital-vibrant-blue-200);
	--bg-primary-idle: var(--color-digital-vibrant-blue-default);
	--bg-primary-pressed: var(--color-digital-vibrant-blue-700);
	--bg-secondary-hover: var(--color-digital-vibrant-blue-default);
	--bg-secondary-pressed: var(--color-digital-vibrant-blue-700);
	--bg-tertiary-hover: var(--color-digital-vibrant-blue-default);
	--bg-tertiary-pressed: var(--color-digital-vibrant-blue-700);
	--border-primary-focus-ring: var(--color-digital-vibrant-blue-default);
	--border-secondary-focus: var(--color-digital-vibrant-blue-default);
	--border-secondary-focus-ring: var(--color-digital-vibrant-blue-default);
	--border-secondary-hover: var(--color-digital-vibrant-blue-default);
	--border-secondary-idle: var(--color-digital-vibrant-blue-default);
	--border-secondary-pressed: var(--color-digital-vibrant-blue-700);
	--border-tertiary-focus-ring: var(--color-digital-vibrant-blue-default);
	--border-trigger-active-variant: var(--color-digital-vibrant-blue-default);
	--border-trigger-focus-ring: var(--color-digital-vibrant-blue-default);
	--components-tag-on-bg: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-secondary-focus: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-secondary-idle: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-tertiary-focus: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-tertiary-idle: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-trigger-active: var(--color-digital-vibrant-blue-default);
	--on-bg-secondary-focus: var(--color-digital-vibrant-blue-default);
	--on-bg-secondary-idle: var(--color-digital-vibrant-blue-default);
	--on-bg-tertiary-focus: var(--color-digital-vibrant-blue-default);
	--on-bg-tertiary-idle: var(--color-digital-vibrant-blue-default);
	--on-bg-trigger-active: var(--color-digital-vibrant-blue-default);
}

/* Digital Light Variant Theme */
[data-rel-theme="digital-light-variant"] {
	--background-default-variant: var(--color-mariner-50);
	--components-tag-bg: var(--color-digital-vibrant-blue-100);
	--components-tag-border: var(--color-digital-vibrant-blue-100);
}

/* Digital Dark Variant Theme */
[data-rel-theme="digital-dark-variant"] {
	--background-default-variant: var(--color-mariner-default);
	--icon-on-bg-container-01-accent: var(--color-digital-vibrant-blue-700);
	--icon-on-bg-container-03-accent: var(--color-digital-vibrant-blue-default);
	--text-on-bg-container-03-accent: var(--color-digital-vibrant-blue-default);
}

/* Shared Digital Light Themes */
[data-rel-theme="digital-light-default"],
[data-rel-theme="digital-light-variant"] {
	--background-default: var(--color-white-default);
	--background-default-variant: var(--color-white-default);
	--background-container-03: var(--color-spring-wood-default);
	--border-link-focus-ring: var(--color-mariner-default);
	--text-on-bg-default-accent: var(--color-mariner-default);
	--text-on-bg-default-link-hover: var(--color-mariner-600);
	--text-on-bg-default-link-idle: var(--color-mariner-default);
	--text-on-bg-default-link-pressed: var(--color-mariner-default);
	--border-be-filled-active-hover: var(--color-mariner-default);
	--border-be-filled-active-idle: var(--color-mariner-default);
	--border-be-filled-unactive-hover: var(--color-mariner-default);
	--border-trigger-idle: var(--color-zodiac-blue-default);
	--components-donut-chart-border: var(--color-white-default);
	--components-donut-chart-bg-bar2: var(--color-mariner-accessible);
	--components-logo-default: var(--color-mariner-default);
	--components-slider-bg-range-dot: var(--color-mariner-default);
	--components-slider-bg-range-line: var(--color-mariner-default);
	--components-slider-bg-tooltip: var(--color-mariner-50);
	--components-tab-bar-icon-button-container-gradient: #ffffff00;
}

/* Shared Digital Dark Themes */
[data-rel-theme="digital-dark-default"],
[data-rel-theme="digital-dark-variant"] {
	--background-default: var(--color-zodiac-blue-default);
	--background-container-03: var(--color-zodiac-blue-default);
	--text-on-bg-container-03-subtle: var(--color-alpha-white-70);
	--text-on-bg-default-accent: var(--color-white-default);
	--text-on-bg-default-error: var(--color-white-default);
	--text-on-bg-default-subtle: var(--color-white-default);
	--text-on-bg-default-success: var(--color-white-default);
	--bg-primary-disabled: var(--color-alpha-white-10);
	--bg-primary-hover: var(--color-white-default);
	--bg-primary-pressed: var(--color-alpha-white-80);
	--bg-secondary-hover: var(--color-white-default);
	--bg-secondary-pressed: var(--color-alpha-white-80);
	--bg-tertiary-hover: var(--color-white-default);
	--bg-tertiary-pressed: var(--color-alpha-white-80);
	--border-secondary-focus-ring: var(--color-white-default);
	--border-tertiary-focus-ring: var(--color-white-default);
	--components-donut-chart-border: var(--color-mariner-default);
	--components-favourite-bg-hover: var(--color-alpha-zodiac-blue-30);
	--components-favourite-bg-pressed: var(--color-alpha-zodiac-blue-70);
	--components-forms-bg-input-input-filled: var(--color-white-default);
	--components-forms-bg-toggle-on: var(--color-mariner-accessible);
	--components-forms-icon-on-bg-input-filled: var(--color-mariner-default);
	--components-forms-icon-on-bg-toggle-on: var(--color-white-default);
	--components-forms-text-on-bg-default-error: var(--color-white-default);
	--components-megamenu-mobile-action-icon: var(--color-white-default);
	--components-tab-bar-icon-button-container-gradient: #2175d900;
	--components-tag-bg: var(--color-mariner-600);
	--components-tag-border: var(--color-mariner-600);
	--icon-on-bg-trigger-active-variant: var(--color-white-default);
	--icon-on-bg-trigger-disabled: var(--color-alpha-white-50);
	--icon-on-bg-trigger-idle: var(--color-white-default);
	--icon-on-bg-trigger-idle-variant: var(--color-white-default);
	--on-bg-trigger-disabled: var(--color-alpha-white-50);
	--on-bg-trigger-idle: var(--color-white-default);
	--on-bg-trigger-idle-variant: var(--color-white-default);
}

/* Additional Digital Theme Configurations */
[data-rel-theme="digital-light-default"],
[data-rel-theme="digital-light-variant"] {
	--background-container-01: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-container-02-accent: var(--color-digital-vibrant-blue-default);
	--text-on-bg-container-01-accent: var(--color-zodiac-blue-default);
	--text-on-bg-container-02-accent: var(--color-digital-vibrant-blue-default);
	--bg-be-filled-active-idle: var(--color-digital-vibrant-blue-default);
	--border-trigger-focus-ring: var(--color-zodiac-blue-default);
	--components-forms-border-picker-default: var(--color-grey-600);
}

[data-rel-theme="digital-dark-default"],
[data-rel-theme="digital-dark-variant"] {
	--background-container-04: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-container-02-accent: var(--color-digital-vibrant-blue-700);
	--icon-on-bg-container-04-accent: var(--color-zodiac-blue-default);
	--text-on-bg-container-01-accent: var(--color-digital-vibrant-blue-700);
	--text-on-bg-container-02-accent: var(--color-digital-vibrant-blue-700);
	--bg-be-filled-active-idle: var(--color-digital-vibrant-blue-default);
	--bg-secondary-disabled: var(--color-alpha-digital-vibrant-blue-10);
}

[data-rel-theme="digital-light-default"],
[data-rel-theme="digital-light-variant"],
[data-rel-theme="digital-dark-default"],
[data-rel-theme="digital-dark-variant"] {
	--background-container-02: var(--color-zodiac-blue-default);
	--background-container-04: var(--color-mariner-100);
	--background-feedback-error: var(--color-crimson-default);
	--background-feedback-success: var(--color-eucalyptus-default);
	--background-feedback-success-inverse: var(--color-eucalyptus-25);
	--border-accent: var(--color-zodiac-blue-default);
	--border-bg-error-inverse: var(--color-crimson-default);
	--border-bg-success-inverse: var(--color-eucalyptus-default);
	--border-default: var(--color-grey-default);
	--icon-on-bg-container-02: var(--color-white-default);
	--icon-on-bg-container-03: var(--color-zodiac-blue-default);
	--icon-on-bg-container-04-accent: var(--color-mariner-default);
	--icon-on-bg-default-default: var(--color-zodiac-blue-default);
	--icon-on-bg-default-subtle: var(--color-zodiac-blue-300);
	--icon-on-bg-feedback-error: var(--color-white-default);
	--icon-on-bg-feedback-success: var(--color-white-default);
	--text-on-bg-container-02: var(--color-white-default);
	--text-on-bg-container-03: var(--color-zodiac-blue-default);
	--text-on-bg-container-03-subtle: var(--color-zodiac-blue-300);
	--text-on-bg-default-default: var(--color-zodiac-blue-default);
	--text-on-bg-default-error: var(--color-crimson-default);
	--text-on-bg-default-subtle: var(--color-zodiac-blue-300);
	--text-on-bg-default-success: var(--color-eucalyptus-default);
	--text-on-bg-feedback-error: var(--color-white-default);
	--text-on-bg-feedback-success: var(--color-white-default);
	--bg-skeleton: var(--color-alpha-zodiac-blue-10);
	--bg-be-filled-active-idle-variant: var(--color-zodiac-blue-default);
	--bg-be-filled-unactive-idle: var(--color-grey-default);
	--bg-primary-disabled: var(--color-grey-200);
	--bg-secondary-disabled: var(--color-grey-200);
	--bg-trigger-focus: #0f194100;
	--bg-trigger-hover: var(--color-alpha-zodiac-blue-5);
	--bg-trigger-idle: #0f194100;
	--bg-trigger-pressed: var(--color-alpha-zodiac-blue-10);
	--border-be-filled-unactive-idle: var(--color-grey-default);
	--border-secondary-disabled: var(--color-grey-default);
	--border-trigger-active: var(--color-zodiac-blue-default);
	--border-trigger-disabled: var(--color-grey-default);
	--border-trigger-focus: var(--color-zodiac-blue-default);
	--border-trigger-hover: var(--color-zodiac-blue-default);
	--border-trigger-pressed: var(--color-zodiac-blue-default);
	--components-card-outline-hover: var(--color-mariner-accessible);
	--components-donut-chart-bg-bar4: var(--color-zodiac-blue-300);
	--components-donut-chart-bg-bar5: var(--color-mariner-300);
	--components-donut-chart-bg-bar6: var(--color-zodiac-blue-400);
	--components-donut-chart-text-on-bg-bar2: var(--color-white-default);
	--components-donut-chart-text-on-bg-bar4: var(--color-white-default);
	--components-donut-chart-text-on-bg-bar6: var(--color-white-default);
	--components-favourite-unactive: var(--color-zodiac-blue-default);
	--components-favourite-bg-hover: var(--color-alpha-zodiac-blue-5);
	--components-favourite-bg-pressed: var(--color-alpha-zodiac-blue-10);
	--components-favourite-border-unactive: var(--color-zodiac-blue-default);
	--components-forms-bg-input-input-filled-error: var(
		--color-crimson-default
	);
	--components-forms-bg-toggle-error: var(--color-crimson-default);
	--components-forms-border-input-default: var(--color-zodiac-blue-300);
	--components-forms-border-input-error: var(--color-crimson-default);
	--components-forms-border-input-focus-ring: var(--color-mariner-default);
	--components-forms-border-input-success: var(--color-eucalyptus-default);
	--components-forms-icon-on-bg-toggle-error: var(--color-crimson-default);
	--components-forms-text-on-bg-default-error: var(--color-crimson-default);
	--components-loader-bg-default: var(--color-grey-800);
	--components-megamenu-desktop-vertical-divider: var(--color-grey-200);
	--components-megamenu-mobile-action-icon: var(--color-zodiac-blue-300);
	--components-slider-border-focus-ring: var(--color-mariner-default);
	--components-tab-bar-bg: var(--color-alpha-zodiac-blue-5);
	--components-tag-on-bg: var(--color-zodiac-blue-default);
	--effect-shadow-focus-default: var(--color-alpha-zodiac-blue-10);
	--effect-shadow-focus-error: var(--color-alpha-crimson-10);
	--effect-shadow-focus-success: var(--color-alpha-eucalyptus-10);
	--effect-shadow-hover-default: var(--color-alpha-zodiac-blue-10);
	--effect-shadow-hover-error: var(--color-alpha-crimson-10);
	--effect-shadow-hover-success: var(--color-alpha-eucalyptus-10);
	--icon-on-bg-primary-disabled: var(--color-grey-600);
	--icon-on-bg-primary-hover: var(--color-white-default);
	--icon-on-bg-secondary-disabled: var(--color-grey-600);
	--icon-on-bg-secondary-hover: var(--color-white-default);
	--icon-on-bg-tertiary-disabled: var(--color-grey-600);
	--icon-on-bg-tertiary-hover: var(--color-white-default);
	--icon-on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
	--icon-on-bg-trigger-disabled: var(--color-grey-600);
	--icon-on-bg-trigger-focus: var(--color-zodiac-blue-default);
	--icon-on-bg-trigger-hover: var(--color-zodiac-blue-default);
	--icon-on-bg-trigger-idle: var(--color-zodiac-blue-300);
	--icon-on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
	--icon-on-bg-trigger-pressed: var(--color-zodiac-blue-default);
	--on-bg-primary-disabled: var(--color-grey-600);
	--on-bg-primary-hover: var(--color-white-default);
	--on-bg-secondary-disabled: var(--color-grey-600);
	--on-bg-secondary-hover: var(--color-white-default);
	--on-bg-tertiary-disabled: var(--color-grey-600);
	--on-bg-tertiary-hover: var(--color-white-default);
	--on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
	--on-bg-trigger-disabled: var(--color-grey-600);
	--on-bg-trigger-focus: var(--color-zodiac-blue-default);
	--on-bg-trigger-hover: var(--color-zodiac-blue-default);
	--on-bg-trigger-idle: var(--color-zodiac-blue-300);
	--on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
}

[data-rel-theme="digital-light-default"],
[data-rel-theme="digital-light-variant"],
[data-rel-theme="digital-dark-default"],
[data-rel-theme="digital-dark-variant"] {
	--background-feedback-error-inverse: var(--color-crimson-25);
	--background-feedback-warning: var(--color-california-default);
	--background-feedback-warning-inverse: var(--color-california-50);
	--border-bg-warning-inverse: var(--color-california-default);
	--icon-on-bg-feedback-error-inverse: var(--color-crimson-default);
	--icon-on-bg-feedback-success-inverse: var(--color-eucalyptus-default);
	--icon-on-bg-feedback-warning: var(--color-zodiac-blue-default);
	--icon-on-bg-feedback-warning-inverse: var(--color-california-700);
	--text-on-bg-feedback-error-inverse: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-error-inverse-accent: var(--color-crimson-default);
	--text-on-bg-feedback-info-inverse: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-success-inverse: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-success-inverse-accent: var(
		--color-eucalyptus-default
	);
	--text-on-bg-feedback-warning: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-warning-inverse: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-warning-inverse-accent: var(--color-california-700);
	--components-button-shadow-shadow-primary: #ffffff00;
	--components-button-shadow-shadow-secondary: #ffffff00;
	--components-data-table-bg-expand: #f7f7f7;
	--components-data-table-bg-hover: #f7f7f7;
	--components-donut-chart-bg-bar3: var(--color-aqua-default);
	--components-donut-chart-bg-bar7: var(--color-mariner-400);
	--components-donut-chart-text-on-bg-bar1: var(--color-white-default);
	--components-donut-chart-text-on-bg-bar3: var(--color-zodiac-blue-default);
	--components-donut-chart-text-on-bg-bar5: var(--color-zodiac-blue-default);
	--components-donut-chart-text-on-bg-bar7: var(--color-zodiac-blue-default);
	--components-favourite-active: var(--color-imperial-red-default);
	--components-filter-button-bg-selected-pressed: var(
		--color-zodiac-blue-900
	);
	--components-forms-bg-error-message: var(--color-crimson-25);
	--components-forms-bg-input-default: var(--color-white-default);
	--components-forms-bg-input-disabled: var(--color-grey-200);
	--components-forms-bg-input-list-hover: var(--color-alpha-zodiac-blue-10);
	--components-forms-bg-picker-active: var(--color-mariner-default);
	--components-forms-bg-picker-active-subtle: var(--color-mariner-100);
	--components-forms-bg-picker-default: var(--color-grey-200);
	--components-forms-bg-toggle-disabled: var(--color-grey-default);
	--components-forms-bg-toggle-off: var(--color-zodiac-blue-300);
	--components-forms-bg-toggle-on-error: var(--color-white-default);
	--components-forms-border-input-disabled: var(--color-grey-200);
	--components-forms-border-input-divider: var(--color-grey-default);
	--components-forms-border-input-hover: var(--color-mariner-default);
	--components-forms-border-picker-text-hover: var(--color-mariner-default);
	--components-forms-icon-on-bg-input-accent: var(--color-mariner-default);
	--components-forms-icon-on-bg-input-disabled: var(--color-grey-600);
	--components-forms-icon-on-bg-input-filled-error: var(
		--color-white-default
	);
	--components-forms-icon-on-bg-input-icon-button: var(
		--color-mariner-default
	);
	--components-forms-icon-on-bg-input-read-only: var(--color-grey-800);
	--components-forms-icon-on-bg-input-user-search: var(
		--color-mariner-default
	);
	--components-forms-icon-on-bg-picker-accent: var(--color-mariner-default);
	--components-forms-icon-on-bg-picker-icon-button: var(
		--color-mariner-default
	);
	--components-forms-text-on-bg-error-message-text: var(
		--color-crimson-default
	);
	--components-forms-text-on-bg-input-accent: var(--color-mariner-default);
	--components-forms-text-on-bg-input-disabled: var(--color-grey-600);
	--components-forms-text-on-bg-input-error: var(--color-crimson-default);
	--components-forms-text-on-bg-input-placeholder: var(
		--color-zodiac-blue-300
	);
	--components-forms-text-on-bg-input-success: var(
		--color-eucalyptus-default
	);
	--components-forms-text-on-bg-input-user-input: var(
		--color-zodiac-blue-default
	);
	--components-forms-text-on-bg-input-user-search: var(
		--color-mariner-default
	);
	--components-forms-text-on-bg-picker-active: var(--color-white-default);
	--components-forms-text-on-bg-picker-active-subtle: var(
		--color-zodiac-blue-default
	);
	--components-forms-text-on-bg-picker-current: var(--color-mariner-default);
	--components-forms-text-on-bg-picker-default: var(
		--color-zodiac-blue-default
	);
	--components-forms-text-on-bg-picker-disabled: var(--color-grey-600);
	--components-forms-text-on-bg-picker-icon-button: var(
		--color-mariner-default
	);
	--components-forms-text-on-bg-picker-link-idle: var(
		--color-mariner-default
	);
	--components-forms-text-on-bg-picker-subtle: var(--color-zodiac-blue-300);
	--components-job-card-logo-container-bg: var(--color-white-default);
	--components-play-button-focus-ring: var(--color-white-default);
	--components-play-button-icon: var(--color-white-default);
	--components-slider-bg-range-dot-disabled: var(--color-grey-default);
	--components-slider-bg-range-line-disabled: var(--color-grey-default);
	--components-slider-text-on-bg-tooltip: var(--color-zodiac-blue-default);
	--components-slider-text-on-bg-tooltip-disabled: var(--color-grey-600);
	--icon-on-bg-backdrop: var(--color-white-default);
}

[data-rel-theme="digital-light-default"],
[data-rel-theme="digital-light-variant"],
[data-rel-theme="digital-dark-default"],
[data-rel-theme="digital-dark-variant"] {
	--background-feedback-info: var(--color-digital-vibrant-blue-default);
	--background-feedback-info-inverse: var(--color-digital-vibrant-blue-50);
	--border-bg-info-inverse: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-default-accent: var(--color-digital-vibrant-blue-default);
	--icon-on-bg-feedback-info: var(--color-zodiac-blue-default);
	--icon-on-bg-feedback-info-inverse: var(
		--color-digital-vibrant-blue-default
	);
	--text-on-bg-feedback-info: var(--color-zodiac-blue-default);
	--text-on-bg-feedback-info-inverse-accent: var(--color-zodiac-blue-default);
}