:root{--uid-color-primary: var(--uid-color-blue-500);--uid-color-primary-active: var(--uid-color-blue-400);--uid-color-primary-container: var(--uid-color-primary);--uid-color-primary-container-active: var(--uid-color-primary);--uid-color-on-primary: var(--uid-color-white);--uid-color-on-primary-container: var(--uid-color-white);--uid-color-secondary: var(--uid-color-gray-800);--uid-color-secondary-container: var(--uid-color-gray-800);--uid-color-secondary-container-outline: var(--uid-color-primary);--uid-color-secondary-container-outline-active: var(--uid-color-primary);--uid-color-on-secondary: var(--uid-color-primary);--uid-color-on-secondary-active: var(--uid-color-primary);--uid-color-error: var(--uid-color-red-300);--uid-color-error-active: var(--uid-color-red-200);--uid-color-error-container: var(--uid-color-red-700);--uid-color-error-outline-active: var(--uid-color-red-200);--uid-color-on-error: var(--uid-color-white);--uid-color-on-error-container: var(--uid-color-white);--uid-color-success: var(--uid-color-green-500);--uid-color-success-container: var(--uid-color-green-800);--uid-color-on-success: var(--uid-color-white);--uid-color-on-success-container: var(--uid-color-white);--uid-color-warning: var(--uid-color-yellow-400);--uid-color-warning-container: var(--uid-color-yellow-900);--uid-color-on-warning: var(--uid-color-white);--uid-color-on-warning-container: var(--uid-color-white);--uid-color-info: var(--uid-color-warning);--uid-color-info-container: var(--uid-color-warning-container);--uid-color-on-info: var(--uid-color-on-warning);--uid-color-on-info-container: var(--uid-color-on-warning-container);--uid-color-surface: var(--uid-color-gray-900);--uid-color-surface-container-lowest: var(--uid-color-gray-500);--uid-color-surface-container-low: var(--uid-color-gray-700);--uid-color-surface-container: var(--uid-color-gray-800);--uid-color-surface-container-high: var(--uid-color-gray-900);--uid-color-surface-container-highest: var(--uid-color-gray-900);--uid-color-surface-inverted: var(--uid-color-white);--uid-color-surface-container-lowest-inverted: var(--uid-color-gray-300);--uid-color-surface-container-low-inverted: var(--uid-color-gray-200);--uid-color-surface-container-inverted: var(--uid-color-gray-100);--uid-color-surface-container-high-inverted: var(--uid-color-gray-050);--uid-color-surface-container-highest-inverted: var(--uid-color-white);--uid-color-on-surface: var(--uid-color-gray-300);--uid-color-on-surface-inactive: var(--uid-color-gray-500);--uid-color-on-surface-variant: var(--uid-color-gray-400);--uid-color-on-surface-highlighted: var(--uid-color-gray-800);--uid-color-on-surface-inverted: var(--uid-color-gray-800);--uid-color-on-surface-variant-inverted: var(--uid-color-gray-600);--uid-color-outline: var(--uid-color-gray-600);--uid-color-outline-variant: var(--uid-color-gray-500);--uid-color-outline-inverted: var(--uid-color-gray-400);--uid-color-outline-variant-inverted: var(--uid-color-gray-700);--uid-color-tooltip-container: var(--uid-color-gray-200);--uid-color-on-tooltip-container: var(--uid-color-gray-800);--uid-color-link: var(--uid-color-white);--uid-color-focus: var(--uid-color-blue-500)}