:root { --h1-color: #0f172a; --h1-alt-color: #ffffff; --body-color: #0f172a; --font-family: Inter,sans-serif; --app-h1-font-weight: 500; --desktop-h1-font-weight: 500; --info-color: #e2e8f0; --success-color: #DCFCE7; --error-color: #FEE2E2; --warning-color: #FEF5E8; --button-footer-background: transparent; --button-footer-background-alt: transparent; --app-background-color: #ffffff; --header-background-color: #f5f5f5; --customer-logo-height: 22px; --external-link-color: #0669F2; --A200: #475569; --cA200: #ffffff; --500: #94a3b8; --header-color: #000000; --agb-color: #0000FF; --loading-animation-color-alt: #94a3b8; --c500: #ffffff; --body-alt-color: #ffffff; --app-background-color-alt: #0f172a; --body-background-color: #fBfBfc; --document-registration-scenario-background-color: #475569; --document-registration-scenario-color: #ffffff; --loading-animation-color: #475569; --success-alt-color: #166534; --document-container-background-color: #EFF3F6; --primary-button-background: #FFFFFF; --primary-button-color: #475569; --primary-button-background-hover: #FFFFFF; --primary-button-color-hover: #334155; --primary-button-background-on-dark: #0f172a; --primary-button-color-on-dark: #FFFFFF; --primary-button-color-on-dark-hover: #EFF3F6; --primary-button-background-disabled: #cbd5e1; --primary-button-color-disabled: #FFFFFF; --accent-button-background: #475569; --accent-button-color: #FFFFFF; --accent-button-background-hover: #334155; --accent-button-color-hover: #FFFFFF; --accent-button-background-on-dark: #475569; --accent-button-color-on-dark: #FFFFFF; --accent-button-background-on-dark-hover: #334155; --accent-button-color-on-dark-hover: #FFFFFF; --stepper-uncomplete-background-color: #e2e8f0; --stepper-uncomplete-color: #0f172a; --stepper-complete-background-color: #DCFCE7; --stepper-complete-color: #166534; --stepper-active-background-color: #475569; --stepper-active-color: #FFFFFF; --accordion-color: #0f172a; --accordion-background-color: #EFF3F6; }