:root { --h1-color: #151A21; --h1-alt-color: #151A21; --body-color: #151A21; --font-family: ProximaSoft; --app-h1-font-weight: 500; --desktop-h1-font-weight: 500; --info-color: #0A84FF; --success-color: #02B089; --error-color: #E02020; --warning-color: #EBCA47; --button-footer-background: transparent; --button-footer-background-alt: transparent; --app-background-color: #ffffff; --header-background-color: #f5f5f5; --customer-logo-height: 0; --external-link-color: #0A84FF; --A200: #CCB1DA; --cA200: #151A21; --500: #F9F7FB; --header-color: transparent; --agb-color: #0000FF; --text-align-h1-mobile: center; --body-alt-color: #151A21; --app-background: bottom / cover no-repeat url("/static/img/yuh_bg.png"); --app-background-alt: bottom / cover no-repeat url("/static/img/yuh_bg.png"); --loading-animation-color-alt: #CCB1DA; --loading-animation-color: #CCB1DA; --margin-top-h1-mobile: 28px; --margin-bottom-h1-mobile: 20px; --success-alt-color: #ffffff; --app-body-font-size: 16px; --desktop-body-font-size: 18px; --app-h2-font-weight: 700; --desktop-h2-font-weight: 700; --app-h3-font-weight: 500; --desktop-h3-font-weight: 500; --app-button-font-size: 15px; --app-button-line-height: 15px; --app-button-font-weight: 600; --desktop-button-font-weight: 600; --c500: #151A21; --button-footer-box-shadow: none; --button-footer-box-shadow-alt: none; --customer-header-height-desktop: 0; --customer-logo-height-desktop: 0; --customer-header-height: 0; --primary-button-background: #FFFFFF; --primary-button-color: #151A21; --primary-button-border-radius: 40px; --primary-button-min-height: 42px; --primary-button-color-disabled: #EFF0E9; --primary-button-color-disabled-on-dark: #EFF0E9; --primary-button-background-disabled: #A1A3A6; --primary-button-background-on-dark: #FFFFFF; --primary-button-color-on-dark: #151A21; --accent-button-background: #151A21; --accent-button-color: #FFFFFF; --accent-button-border-radius: 40px; --accent-button-min-height: 42px; --accent-button-background-on-dark: #151A21; --accent-button-color-on-dark: #FFFFFF; --accent-button-color-disabled-on-dark: #EFF0E9; --accent-button-background-disabled: #A1A3A6; --stepper-uncomplete-background-color: #E4E4E6; --stepper-uncomplete-color: #151A21; --stepper-complete-color: #FFFFFF; --stepper-active-background-color: #151A21; --stepper-active-color: #FFFFFF; --accordion-color: #44484D; --accordion-background-color: #F9F7FB; --liveness-indicator-animation-color: #02B089; --document-registration-scenario-background-color: #FFFFFF; --document-registration-scenario-border-radius: 10px; --document-registration-scenario-border: 1px solid #151A2126; --toast-background-color-info: #F9F7FB; --toast-background-color-warning: #F9F7FB; --toast-background-color-success: #F9F7FB; --toast-background-color-error: #F9F7FB; --toast-icon-color-info: #02B089; --toast-icon-color-warning: #BE942B; --toast-icon-color-success: #02B089; --toast-icon-color-error: #E02020; --toast-color-success: #000; --toast-height: 60px; --toast-border-radius: 12px; --toast-margin: 8px 20px; --toast-content-margin: 0; --doctype-message-color: #ffffff; --docscan-indicator-success-color: #CCB1DA; --pdf-approval-button-style: secondary; --instruction-graphic-document-background: #CCB1DA; --instruction-graphic-document-color: #000000; --instruction-graphic-face-background: #CCB1DA; --instruction-graphic-face-color: #000000; --instruction-graphic-hand-outline: #151A21; --instruction-graphic-hand-background: #FFFFFF; --instruction-graphic-feedback-color: #CCB1DA; --illustration-accent-color: #CCB1DA; --illustration-outline-color: #151A21; }