body { --color-brand-50: #fffded; --color-brand-100: #fffade; --color-brand-200: #fff3bd; --color-brand-300: #fce590; --color-brand-400: #fcd860; --color-brand-500: #fbbf24; --color-brand-600: #e09900; --color-brand-700: #ba7600; --color-brand-800: #945b00; --color-brand-900: #754100; --color-yellow-50: #fffded; --color-yellow-100: #fffade; --color-yellow-200: #fff3bd; --color-yellow-300: #fce590; --color-yellow-400: #fcd860; --color-yellow-500: #fbbf24; --color-yellow-600: #e09900; --color-yellow-700: #ba7600; --color-yellow-800: #945b00; --color-yellow-900: #754100; --color-gray-50: #fafafa; --color-gray-100: #f5f5f5; --color-gray-200: #e5e5e5; --color-gray-300: 212 212 212; --color-gray-400: #a3a3a3; --color-gray-500: #737373; --color-gray-600: #525252; --color-gray-700: #404040; --color-gray-800: #262626; --color-gray-900: #171717; --color-red-50: #ffedf3; --color-red-100: #ffdee7; --color-red-200: #ffbacb; --color-red-300: #fc8ba5; --color-red-400: #fc5d80; --color-red-500: #fb1c44; --color-red-600: #e00022; --color-red-700: #ba001c; --color-red-800: #940014; --color-red-900: #75000c; --color-green-50: #d0f7ea; --color-green-100: #a2f2d8; --color-green-200: #82e3c3; --color-green-300: #50dbad; --color-green-400: #17cf92; --color-green-500: #10b981; --color-green-600: #008761; --color-green-700: #047857; --color-green-800: #065f46; --color-green-900: #044231; --color-blue-50: #ebf8ff; --color-blue-100: #d8effe; --color-blue-200: #b2dcfe; --color-blue-300: #7fc0fd; --color-blue-400: #4ca1fc; --color-blue-500: #006dfb; --color-blue-600: #005ae0; --color-blue-700: #0047ba; --color-blue-800: #003494; --color-blue-900: #002375; --color-orange-200: #fed7aa; --color-orange-300: #fdba74; --color-purple-800: rgba(50, 35, 91, 0.8); --color-fill: #ffffff; --color-white-50: rgba(255, 255, 255, 0.1); --color-white-100: rgba(255, 255, 255, 0.2); --color-white-200: rgba(255, 255, 255, 0.3); --color-white-300: rgba(255, 255, 255, 0.4); --color-white-400: rgba(255, 255, 255, 0.5); --color-white-500: rgba(255, 255, 255, 0.6); --color-white-600: rgba(255, 255, 255, 0.7); --color-white-700: rgba(255, 255, 255, 0.8); --color-white-800: rgba(255, 255, 255, 0.9); --color-white-900: #ffffff; --color-warning-50: #fff5e5; --theme-color-body: var(--color-gray-900); --theme-color-body-disabled: var(--color-gray-500); --theme-link-color-brand: var(--color-brand-800); --theme-link-color-brand-hover: var(--color-brand-900); --theme-link-color-brand-background: none; --theme-link-color-brand-background-hover: none; --theme-link-color-gray: var(--color-gray-900); --theme-link-color-gray-hover: var(--color-brand-900); --theme-link-color-gray-light: var(--color-gray-500); --theme-link-color-gray-light-hover: var(--color-gray-600); --theme-link-color-underline: var(--color-gray-900); --theme-link-color-underline-hover: var(--color-gray-900); --theme-bg-info-toast: var(--color-blue-500); --theme-bg-success-toast: var(--color-green-500); --theme-bg-error-toast: var(--color-red-500); --theme-bg-gray-toast: var(--color-gray-900); --theme-text-on-bg-info-toast: var(--color-white-900); --theme-text-on-bg-success-toast: var(--color-white-900); --theme-text-on-bg-error-toast: var(--color-white-900); --theme-text-on-bg-gray-toast: var(--color-white-900); --theme-label-color: var(--color-gray-700); --theme-label-color-required: var(--color-red-500); --theme-bg-white-checkbox: var(--color-white-100); --theme-bg-white-checkbox-checked: var(--color-brand-400); --theme-bg-white-checkbox-disabled: var(--color-brand-400); --theme-bg-white-checkbox-active: var(--color-brand-700); --theme-ring-on-white-checkbox: var(--color-gray-400); --theme-ring-on-white-checkbox-checked: var(--color-brand-400); --theme-ring-on-white-checkbox-hover: var(--color-gray-800); --theme-ring-on-white-checkbox-active: var(--color-gray-900); --theme-ring-on-white-checkbox-focus: var(--color-brand-500); --theme-ring-on-white-checkbox-checked-hover: var(--color-brand-600); --theme-ring-on-white-checkbox-checked-active: var(--color-brand-700); --theme-ring-on-white-checkbox-error: var(--color-red-500); --theme-bg-radio-input: var(--color-brand-500); --theme-color-check-input: var(--color-brand-500); --theme-bg-brand: var(--color-brand-500); --theme-bg-brand-hover: var(--color-brand-600); --theme-bg-brand-active: var(--color-brand-700); --theme-bg-brand-disabled: var(--color-brand-200); --theme-text-on-bg-brand: var(--color-gray-900); --theme-text-on-bg-brand-hover: var(--color-gray-900); --theme-text-on-bg-brand-active: var(--color-gray-900); --theme-text-on-bg-brand-disabled: var(--color-gray-400); --theme-bg-brand-light: var(--color-brand-300); --theme-bg-brand-light-hover: var(--color-brand-400); --theme-bg-brand-light-active: var(--color-brand-500); --theme-bg-brand-light-disabled: var(--color-brand-200); --theme-text-on-bg-brand-light: var(--color-gray-700); --theme-text-on-bg-brand-light-hover: var(--color-gray-700); --theme-text-on-bg-brand-light-active: var(--color-gray-700); --theme-text-on-bg-brand-light-disabled: var(--color-gray-400); --theme-bg-brand-transparent-hover: var(--color-brand-100); --theme-bg-brand-transparent-active: var(--color-brand-200); --theme-text-on-bg-brand-transparent: var(--color-brand-700); --theme-text-on-bg-brand-transparent-hover: var(--color-brand-800); --theme-text-on-bg-brand-transparent-active: var(--color-brand-900); --theme-text-on-bg-brand-transparent-disabled: var(--color-brand-400); --theme-bg-gray: var(--color-gray-200); --theme-bg-gray-hover: var(--color-gray-300); --theme-bg-gray-active: var(--color-gray-400); --theme-bg-gray-disabled: var(--color-gray-100); --theme-text-on-bg-gray: var(--color-gray-700); --theme-text-on-bg-gray-hover: var(--color-gray-800); --theme-text-on-bg-gray-active: var(--color-gray-900); --theme-text-on-bg-gray-disabled: var(--color-gray-400); --theme-bg-gray-light: var(--color-gray-100); --theme-bg-gray-light-hover: var(--color-gray-200); --theme-bg-gray-light-active: var(--color-gray-300); --theme-bg-gray-light-disabled: var(--color-gray-100); --theme-text-on-bg-gray-light: var(--color-gray-700); --theme-text-on-bg-gray-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-light-active: var(--color-gray-700); --theme-text-on-bg-gray-light-disabled: var(--color-gray-300); --theme-bg-gray-dark: var(--color-gray-700); --theme-text-on-bg-gray-dark: var(--color-white-900); --theme-bg-gray-transparent-hover: var(--color-gray-100); --theme-bg-gray-transparent-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent: var(--color-gray-700); --theme-text-on-bg-gray-transparent-hover: var(--color-gray-800); --theme-text-on-bg-gray-transparent-active: var(--color-gray-900); --theme-text-on-bg-gray-transparent-disabled: var(--color-gray-400); --theme-bg-gray-transparent-light-hover: var(--color-gray-100); --theme-bg-gray-transparent-light-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent-light: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-active: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-disabled: var(--color-gray-300); --theme-ring-brand: var(--color-brand-800); --theme-ring-brand-hover: var(--color-brand-900); --theme-ring-brand-active: var(--color-brand-900); --theme-ring-brand-disabled: var(--color-brand-300); --theme-ring-brand-light: var(--color-brand-500); --theme-ring-gray: var(--color-gray-700); --theme-ring-gray-hover: var(--color-gray-800); --theme-ring-gray-active: var(--color-gray-900); --theme-ring-gray-disabled: var(--color-gray-400); --theme-ring-gray-light: var(--color-gray-400); --theme-bg-gray-input: var(--color-gray-100); --theme-bg-gray-input-hover: var(--color-gray-200); --theme-bg-gray-input-active: var(--color-gray-200); --theme-bg-gray-input-disabled: var(--color-gray-100); --theme-text-on-bg-gray-input: var(--color-gray-500); --theme-text-on-bg-gray-input-hover: var(--color-gray-500); --theme-text-on-bg-gray-input-active: var(--color-gray-900); --theme-text-on-bg-gray-input-disabled: var(--color-gray-300); --theme-text-on-bg-gray-input-error: var(--color-gray-500); --theme-ring-on-bg-gray-input: var(--color-gray-100); --theme-ring-on-bg-gray-input-hover: var(--color-gray-200); --theme-ring-on-bg-gray-input-active: var(--color-gray-500); --theme-ring-on-bg-gray-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input: var(--color-gray-200); --theme-ring-on-bg-white-input-hover: var(--color-gray-200); --theme-ring-on-bg-white-input-active: var(--color-gray-500); --theme-ring-on-bg-white-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input-error: var(--color-red-100); --theme-bg-gray-input-error: var(--color-red-500); --theme-bg-white-input: var(--color-white-100); --theme-text-on-bg-white-input: var(--color-gray-500); --theme-text-onbg-white-input-hover: var(--color-gray-900); --theme-text-onbg-white-input-active: var(--color-gray-900); --theme-text-on-bg-white-input-disabled: var(--color-gray-300); --theme-text-on-bg-white-input-error: var(--color-gray-500); --theme-bg-error: var(--color-red-200); --theme-bg-error-hover: var(--color-red-300); --theme-bg-error-active: var(--color-red-400); --theme-bg-error-disabled: var(--color-red-200); --theme-text-on-bg-error: var(--color-gray-900); --theme-text-on-bg-error-hover: var(--color-gray-900); --theme-text-on-bg-error-active: var(--color-gray-900); --theme-text-on-bg-error-disabled: var(--color-gray-400); --theme-text-on-bg-error-transparent: var(--color-red-500); --theme-text-on-bg-error-transparent-hover: var(--color-red-600); --theme-text-on-bg-error-transparent-active: var(--color-red-700); --theme-text-on-bg-error-transparent-disabled: var(--color-red-300); --theme-border-brand: var(--color-brand-500); --theme-border-brand-hover: var(--color-brand-600); --theme-border-brand-active: var(--color-brand-700); --theme-border-brand-disabled: var(--color-brand-200); --theme-border-gray-light: var(--color-gray-100); --theme-border-gray-light-hover: var(--color-gray-200); --theme-border-gray-light-active: var(--color-gray-300); --theme-border-gray-light-disabled: var(--color-gray-100); } .skin-dark { --color-brand-50: rgba(251, 191, 36, 0.1); --color-brand-100: rgba(251, 191, 36, 0.2); --color-brand-200: rgba(251, 191, 36, 0.3); --color-brand-300: rgba(251, 191, 36, 0.5); --color-brand-400: rgba(251, 191, 36, 0.8); --color-brand-500: #fbbf24; --color-brand-600: #fcd349; --color-brand-700: #ffde66; --color-brand-800: #fce590; --color-brand-900: #fff3bd; --color-gray-50: rgba(255, 255, 255, 0.06); --color-gray-100: rgba(255, 255, 255, 0.15); --color-gray-200: rgba(255, 255, 255, 0.25); --color-gray-300: rgba(255, 255, 255, 0.35); --color-gray-400: rgba(255, 255, 255, 0.5); --color-gray-500: rgba(255, 255, 255, 0.65); --color-gray-600: rgba(255, 255, 255, 0.75); --color-gray-700: rgba(255, 255, 255, 0.9); --color-gray-800: rgba(255, 255, 255, 0.95); --color-gray-900: rgba(255, 255, 255, 0.98); --color-fill: #111826; --color-white-50: rgba(255, 255, 255, 0.1); --color-white-100: rgba(255, 255, 255, 0.2); --color-white-200: rgba(255, 255, 255, 0.3); --color-white-300: rgba(255, 255, 255, 0.4); --color-white-400: rgba(255, 255, 255, 0.5); --color-white-500: rgba(255, 255, 255, 0.6); --color-white-600: rgba(255, 255, 255, 0.7); --color-white-700: rgba(255, 255, 255, 0.8); --color-white-800: rgba(255, 255, 255, 0.9); --color-white-900: #ffffff; --color-warning-50: #fff5e5; --theme-color-body: var(--color-gray-900); --theme-color-body-disabled: var(--color-gray-500); --theme-link-color-brand: var(--color-brand-800); --theme-link-color-brand-hover: var(--color-brand-900); --theme-link-color-brand-background: none; --theme-link-color-brand-background-hover: none; --theme-link-color-gray: var(--color-gray-900); --theme-link-color-gray-hover: var(--color-brand-900); --theme-link-color-gray-light: var(--color-gray-500); --theme-link-color-gray-light-hover: var(--color-gray-600); --theme-link-color-underline: var(--color-gray-900); --theme-link-color-underline-hover: var(--color-gray-900); --theme-bg-info-toast: var(--color-blue-500); --theme-bg-success-toast: var(--color-green-500); --theme-bg-error-toast: var(--color-red-500); --theme-bg-gray-toast: var(--color-gray-900); --theme-text-on-bg-info-toast: var(--color-white-900); --theme-text-on-bg-success-toast: var(--color-white-900); --theme-text-on-bg-error-toast: var(--color-white-900); --theme-text-on-bg-gray-toast: var(--color-white-900); --theme-label-color: var(--color-gray-700); --theme-label-color-required: var(--color-red-500); --theme-bg-white-checkbox: var(--color-white-100); --theme-bg-white-checkbox-checked: var(--color-brand-400); --theme-bg-white-checkbox-disabled: var(--color-brand-400); --theme-bg-white-checkbox-active: var(--color-brand-700); --theme-ring-on-white-checkbox: var(--color-gray-400); --theme-ring-on-white-checkbox-checked: var(--color-brand-400); --theme-ring-on-white-checkbox-hover: var(--color-gray-800); --theme-ring-on-white-checkbox-active: var(--color-gray-900); --theme-ring-on-white-checkbox-focus: var(--color-brand-500); --theme-ring-on-white-checkbox-checked-hover: var(--color-brand-600); --theme-ring-on-white-checkbox-checked-active: var(--color-brand-700); --theme-ring-on-white-checkbox-error: var(--color-red-500); --theme-bg-radio-input: var(--color-brand-500); --theme-color-check-input: var(--color-brand-500); --theme-bg-brand: var(--color-brand-500); --theme-bg-brand-hover: var(--color-brand-600); --theme-bg-brand-active: var(--color-brand-700); --theme-bg-brand-disabled: var(--color-brand-200); --theme-text-on-bg-brand: var(--color-gray-900); --theme-text-on-bg-brand-hover: var(--color-gray-900); --theme-text-on-bg-brand-active: var(--color-gray-900); --theme-text-on-bg-brand-disabled: var(--color-gray-400); --theme-bg-brand-light: var(--color-brand-300); --theme-bg-brand-light-hover: var(--color-brand-400); --theme-bg-brand-light-active: var(--color-brand-500); --theme-bg-brand-light-disabled: var(--color-brand-200); --theme-text-on-bg-brand-light: var(--color-gray-700); --theme-text-on-bg-brand-light-hover: var(--color-gray-700); --theme-text-on-bg-brand-light-active: var(--color-gray-700); --theme-text-on-bg-brand-light-disabled: var(--color-gray-400); --theme-bg-brand-transparent-hover: var(--color-brand-100); --theme-bg-brand-transparent-active: var(--color-brand-200); --theme-text-on-bg-brand-transparent: var(--color-brand-700); --theme-text-on-bg-brand-transparent-hover: var(--color-brand-800); --theme-text-on-bg-brand-transparent-active: var(--color-brand-900); --theme-text-on-bg-brand-transparent-disabled: var(--color-brand-400); --theme-bg-gray: var(--color-gray-200); --theme-bg-gray-hover: var(--color-gray-300); --theme-bg-gray-active: var(--color-gray-400); --theme-bg-gray-disabled: var(--color-gray-100); --theme-text-on-bg-gray: var(--color-gray-700); --theme-text-on-bg-gray-hover: var(--color-gray-800); --theme-text-on-bg-gray-active: var(--color-gray-900); --theme-text-on-bg-gray-disabled: var(--color-gray-400); --theme-bg-gray-light: var(--color-gray-100); --theme-bg-gray-light-hover: var(--color-gray-200); --theme-bg-gray-light-active: var(--color-gray-300); --theme-bg-gray-light-disabled: var(--color-gray-100); --theme-text-on-bg-gray-light: var(--color-gray-700); --theme-text-on-bg-gray-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-light-active: var(--color-gray-700); --theme-text-on-bg-gray-light-disabled: var(--color-gray-300); --theme-bg-gray-dark: var(--color-gray-700); --theme-text-on-bg-gray-dark: var(--color-white-900); --theme-bg-gray-transparent-hover: var(--color-gray-100); --theme-bg-gray-transparent-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent: var(--color-gray-700); --theme-text-on-bg-gray-transparent-hover: var(--color-gray-800); --theme-text-on-bg-gray-transparent-active: var(--color-gray-900); --theme-text-on-bg-gray-transparent-disabled: var(--color-gray-400); --theme-bg-gray-transparent-light-hover: var(--color-gray-100); --theme-bg-gray-transparent-light-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent-light: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-active: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-disabled: var(--color-gray-300); --theme-ring-brand: var(--color-brand-800); --theme-ring-brand-hover: var(--color-brand-900); --theme-ring-brand-active: var(--color-brand-900); --theme-ring-brand-disabled: var(--color-brand-300); --theme-ring-brand-light: var(--color-brand-500); --theme-ring-gray: var(--color-gray-700); --theme-ring-gray-hover: var(--color-gray-800); --theme-ring-gray-active: var(--color-gray-900); --theme-ring-gray-disabled: var(--color-gray-400); --theme-ring-gray-light: var(--color-gray-400); --theme-bg-gray-input: var(--color-gray-100); --theme-bg-gray-input-hover: var(--color-gray-200); --theme-bg-gray-input-active: var(--color-gray-200); --theme-bg-gray-input-disabled: var(--color-gray-100); --theme-text-on-bg-gray-input: var(--color-gray-500); --theme-text-on-bg-gray-input-hover: var(--color-gray-500); --theme-text-on-bg-gray-input-active: var(--color-gray-900); --theme-text-on-bg-gray-input-disabled: var(--color-gray-300); --theme-text-on-bg-gray-input-error: var(--color-gray-500); --theme-ring-on-bg-gray-input: var(--color-gray-100); --theme-ring-on-bg-gray-input-hover: var(--color-gray-200); --theme-ring-on-bg-gray-input-active: var(--color-gray-500); --theme-ring-on-bg-gray-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input: var(--color-gray-200); --theme-ring-on-bg-white-input-hover: var(--color-gray-200); --theme-ring-on-bg-white-input-active: var(--color-gray-500); --theme-ring-on-bg-white-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input-error: var(--color-red-100); --theme-bg-gray-input-error: var(--color-red-500); --theme-bg-white-input: var(--color-white-100); --theme-text-on-bg-white-input: var(--color-gray-500); --theme-text-onbg-white-input-hover: var(--color-gray-900); --theme-text-onbg-white-input-active: var(--color-gray-900); --theme-text-on-bg-white-input-disabled: var(--color-gray-300); --theme-text-on-bg-white-input-error: var(--color-gray-500); --theme-bg-error: var(--color-red-200); --theme-bg-error-hover: var(--color-red-300); --theme-bg-error-active: var(--color-red-400); --theme-bg-error-disabled: var(--color-red-200); --theme-text-on-bg-error: var(--color-gray-900); --theme-text-on-bg-error-hover: var(--color-gray-900); --theme-text-on-bg-error-active: var(--color-gray-900); --theme-text-on-bg-error-disabled: var(--color-gray-400); --theme-text-on-bg-error-transparent: var(--color-red-500); --theme-text-on-bg-error-transparent-hover: var(--color-red-600); --theme-text-on-bg-error-transparent-active: var(--color-red-700); --theme-text-on-bg-error-transparent-disabled: var(--color-red-300); --theme-border-brand: var(--color-brand-500); --theme-border-brand-hover: var(--color-brand-600); --theme-border-brand-active: var(--color-brand-700); --theme-border-brand-disabled: var(--color-brand-200); --theme-border-gray-light: var(--color-gray-100); --theme-border-gray-light-hover: var(--color-gray-200); --theme-border-gray-light-active: var(--color-gray-300); --theme-border-gray-light-disabled: var(--color-gray-100); } .skin-default { --color-brand-50: #fffded; --color-brand-100: #fffade; --color-brand-200: #fff3bd; --color-brand-300: #fce590; --color-brand-400: #fcd860; --color-brand-500: #fbbf24; --color-brand-600: #e09900; --color-brand-700: #ba7600; --color-brand-800: #945b00; --color-brand-900: #754100; --color-yellow-50: #fffded; --color-yellow-100: #fffade; --color-yellow-200: #fff3bd; --color-yellow-300: #fce590; --color-yellow-400: #fcd860; --color-yellow-500: #fbbf24; --color-yellow-600: #e09900; --color-yellow-700: #ba7600; --color-yellow-800: #945b00; --color-yellow-900: #754100; --color-gray-50: #fafafa; --color-gray-100: #f5f5f5; --color-gray-200: #e5e5e5; --color-gray-300: 212 212 212; --color-gray-400: #a3a3a3; --color-gray-500: #737373; --color-gray-600: #525252; --color-gray-700: #404040; --color-gray-800: #262626; --color-gray-900: #171717; --color-red-50: #ffedf3; --color-red-100: #ffdee7; --color-red-200: #ffbacb; --color-red-300: #fc8ba5; --color-red-400: #fc5d80; --color-red-500: #fb1c44; --color-red-600: #e00022; --color-red-700: #ba001c; --color-red-800: #940014; --color-red-900: #75000c; --color-green-50: #d0f7ea; --color-green-100: #a2f2d8; --color-green-200: #82e3c3; --color-green-300: #50dbad; --color-green-400: #17cf92; --color-green-500: #10b981; --color-green-600: #008761; --color-green-700: #047857; --color-green-800: #065f46; --color-green-900: #044231; --color-blue-50: #ebf8ff; --color-blue-100: #d8effe; --color-blue-200: #b2dcfe; --color-blue-300: #7fc0fd; --color-blue-400: #4ca1fc; --color-blue-500: #006dfb; --color-blue-600: #005ae0; --color-blue-700: #0047ba; --color-blue-800: #003494; --color-blue-900: #002375; --color-orange-200: #fed7aa; --color-orange-300: #fdba74; --color-purple-800: rgba(50, 35, 91, 0.8); --color-fill: #ffffff; --color-white-100: rgba(255, 255, 255, 0.2); --color-white-900: #ffffff; --color-warning-50: #fff5e5; --theme-color-body: var(--color-gray-900); --theme-color-body-disabled: var(--color-gray-500); --theme-link-color-brand: var(--color-brand-800); --theme-link-color-brand-hover: var(--color-brand-900); --theme-link-color-brand-background: none; --theme-link-color-brand-background-hover: none; --theme-link-color-gray: var(--color-gray-900); --theme-link-color-gray-hover: var(--color-brand-900); --theme-link-color-gray-light: var(--color-gray-500); --theme-link-color-gray-light-hover: var(--color-gray-600); --theme-link-color-underline: var(--color-gray-900); --theme-link-color-underline-hover: var(--color-gray-900); --theme-bg-info-toast: var(--color-blue-500); --theme-bg-success-toast: var(--color-green-500); --theme-bg-error-toast: var(--color-red-500); --theme-bg-gray-toast: var(--color-gray-900); --theme-text-on-bg-info-toast: var(--color-white-900); --theme-text-on-bg-success-toast: var(--color-white-900); --theme-text-on-bg-error-toast: var(--color-white-900); --theme-text-on-bg-gray-toast: var(--color-white-900); --theme-label-color: var(--color-gray-700); --theme-label-color-required: var(--color-red-500); --theme-bg-white-checkbox: var(--color-white-100); --theme-bg-white-checkbox-checked: var(--color-brand-400); --theme-bg-white-checkbox-disabled: var(--color-brand-400); --theme-bg-white-checkbox-active: var(--color-brand-700); --theme-ring-on-white-checkbox: var(--color-gray-400); --theme-ring-on-white-checkbox-checked: var(--color-brand-400); --theme-ring-on-white-checkbox-hover: var(--color-gray-800); --theme-ring-on-white-checkbox-active: var(--color-gray-900); --theme-ring-on-white-checkbox-focus: var(--color-brand-500); --theme-ring-on-white-checkbox-checked-hover: var(--color-brand-600); --theme-ring-on-white-checkbox-checked-active: var(--color-brand-700); --theme-ring-on-white-checkbox-error: var(--color-red-500); --theme-bg-radio-input: var(--color-brand-500); --theme-color-check-input: var(--color-brand-500); --theme-bg-brand: var(--color-brand-500); --theme-bg-brand-hover: var(--color-brand-600); --theme-bg-brand-active: var(--color-brand-700); --theme-bg-brand-disabled: var(--color-brand-200); --theme-text-on-bg-brand: var(--color-gray-900); --theme-text-on-bg-brand-hover: var(--color-gray-900); --theme-text-on-bg-brand-active: var(--color-gray-900); --theme-text-on-bg-brand-disabled: var(--color-gray-400); --theme-bg-brand-light: var(--color-brand-300); --theme-bg-brand-light-hover: var(--color-brand-400); --theme-bg-brand-light-active: var(--color-brand-500); --theme-bg-brand-light-disabled: var(--color-brand-200); --theme-text-on-bg-brand-light: var(--color-gray-700); --theme-text-on-bg-brand-light-hover: var(--color-gray-700); --theme-text-on-bg-brand-light-active: var(--color-gray-700); --theme-text-on-bg-brand-light-disabled: var(--color-gray-400); --theme-bg-brand-transparent-hover: var(--color-brand-100); --theme-bg-brand-transparent-active: var(--color-brand-200); --theme-text-on-bg-brand-transparent: var(--color-brand-700); --theme-text-on-bg-brand-transparent-hover: var(--color-brand-800); --theme-text-on-bg-brand-transparent-active: var(--color-brand-900); --theme-text-on-bg-brand-transparent-disabled: var(--color-brand-400); --theme-bg-gray: var(--color-gray-200); --theme-bg-gray-hover: var(--color-gray-300); --theme-bg-gray-active: var(--color-gray-400); --theme-bg-gray-disabled: var(--color-gray-100); --theme-text-on-bg-gray: var(--color-gray-700); --theme-text-on-bg-gray-hover: var(--color-gray-800); --theme-text-on-bg-gray-active: var(--color-gray-900); --theme-text-on-bg-gray-disabled: var(--color-gray-400); --theme-bg-gray-light: var(--color-gray-100); --theme-bg-gray-light-hover: var(--color-gray-200); --theme-bg-gray-light-active: var(--color-gray-300); --theme-bg-gray-light-disabled: var(--color-gray-100); --theme-text-on-bg-gray-light: var(--color-gray-700); --theme-text-on-bg-gray-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-light-active: var(--color-gray-700); --theme-text-on-bg-gray-light-disabled: var(--color-gray-300); --theme-bg-gray-dark: var(--color-gray-700); --theme-text-on-bg-gray-dark: var(--color-white-900); --theme-bg-gray-transparent-hover: var(--color-gray-100); --theme-bg-gray-transparent-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent: var(--color-gray-700); --theme-text-on-bg-gray-transparent-hover: var(--color-gray-800); --theme-text-on-bg-gray-transparent-active: var(--color-gray-900); --theme-text-on-bg-gray-transparent-disabled: var(--color-gray-400); --theme-bg-gray-transparent-light-hover: var(--color-gray-100); --theme-bg-gray-transparent-light-active: var(--color-gray-200); --theme-text-on-bg-gray-transparent-light: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-hover: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-active: var(--color-gray-700); --theme-text-on-bg-gray-transparent-light-disabled: var(--color-gray-300); --theme-ring-brand: var(--color-brand-800); --theme-ring-brand-hover: var(--color-brand-900); --theme-ring-brand-active: var(--color-brand-900); --theme-ring-brand-disabled: var(--color-brand-300); --theme-ring-brand-light: var(--color-brand-500); --theme-ring-gray: var(--color-gray-700); --theme-ring-gray-hover: var(--color-gray-800); --theme-ring-gray-active: var(--color-gray-900); --theme-ring-gray-disabled: var(--color-gray-400); --theme-ring-gray-light: var(--color-gray-400); --theme-bg-gray-input: var(--color-gray-100); --theme-bg-gray-input-hover: var(--color-gray-200); --theme-bg-gray-input-active: var(--color-gray-200); --theme-bg-gray-input-disabled: var(--color-gray-100); --theme-text-on-bg-gray-input: var(--color-gray-500); --theme-text-on-bg-gray-input-hover: var(--color-gray-500); --theme-text-on-bg-gray-input-active: var(--color-gray-900); --theme-text-on-bg-gray-input-disabled: var(--color-gray-300); --theme-text-on-bg-gray-input-error: var(--color-gray-500); --theme-ring-on-bg-gray-input: var(--color-gray-100); --theme-ring-on-bg-gray-input-hover: var(--color-gray-200); --theme-ring-on-bg-gray-input-active: var(--color-gray-500); --theme-ring-on-bg-gray-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input: var(--color-gray-200); --theme-ring-on-bg-white-input-hover: var(--color-gray-200); --theme-ring-on-bg-white-input-active: var(--color-gray-500); --theme-ring-on-bg-white-input-disabled: var(--color-gray-100); --theme-ring-on-bg-white-input-error: var(--color-red-100); --theme-bg-gray-input-error: var(--color-red-500); --theme-bg-white-input: var(--color-white-100); --theme-text-on-bg-white-input: var(--color-gray-500); --theme-text-onbg-white-input-hover: var(--color-gray-900); --theme-text-onbg-white-input-active: var(--color-gray-900); --theme-text-on-bg-white-input-disabled: var(--color-gray-300); --theme-text-on-bg-white-input-error: var(--color-gray-500); --theme-bg-error: var(--color-red-200); --theme-bg-error-hover: var(--color-red-300); --theme-bg-error-active: var(--color-red-400); --theme-bg-error-disabled: var(--color-red-200); --theme-text-on-bg-error: var(--color-gray-900); --theme-text-on-bg-error-hover: var(--color-gray-900); --theme-text-on-bg-error-active: var(--color-gray-900); --theme-text-on-bg-error-disabled: var(--color-gray-400); --theme-text-on-bg-error-transparent: var(--color-red-500); --theme-text-on-bg-error-transparent-hover: var(--color-red-600); --theme-text-on-bg-error-transparent-active: var(--color-red-700); --theme-text-on-bg-error-transparent-disabled: var(--color-red-300); --theme-border-brand: var(--color-brand-500); --theme-border-brand-hover: var(--color-brand-600); --theme-border-brand-active: var(--color-brand-700); --theme-border-brand-disabled: var(--color-brand-200); --theme-border-gray-light: var(--color-gray-100); --theme-border-gray-light-hover: var(--color-gray-200); --theme-border-gray-light-active: var(--color-gray-300); --theme-border-gray-light-disabled: var(--color-gray-100); }