:root { --h1-color: #000000; --h1-alt-color: #DEE3ED; --body-color: #000000; --font-family: FrutigerNext; --app-h1-font-weight: 300; --desktop-h1-font-weight: 300; --info-color: #DEE3ED; --success-color: #97D185; --error-color: #FF565A; --warning-color: #E67651; --button-footer-background: transparent; --button-footer-background-alt: transparent; --app-background-color: #ffffff; --header-background-color: #f5f5f5; --customer-logo-height: 22px; --external-link-color: #1A181B; --A200: #37496D; --cA200: #ffffff; --500: #1A181B; --header-color: #000000; --agb-color: #516994; --app-background: #FFFFFF; --capture-message-color: #DEE3ED; --document-registration-scenario-background-color: #EDEDED; --document-registration-scenario-color: #516994; --loading-animation-color: #516994; --app-h1-font-size: 32px; --app-h1-line-height: 125%; --app-h1-letter-spacing: 0%; --app-h2-font-weight: 300; --app-h2-font-size: 28px; --app-h2-line-height: 125%; --app-h2-letter-spacing: 0%; --app-body-font-weight: 300; --app-body-font-size: 18px; --app-body-line-height: 24px; --app-body-letter-spacing: 0%; --desktop-h1-font-size: 58px; --desktop-h1-line-height: 125%; --desktop-h1-letter-spacing: 0%; --desktop-h2-font-weight: 300; --desktop-h2-font-size: 42px; --desktop-h2-line-height: 125%; --desktop-h2-letter-spacing: 0%; --desktop-body-font-weight: 300; --desktop-body-font-size: 18px; --desktop-body-line-height: 150%; --desktop-body-letter-spacing: 0%; --app-h3-font-weight: 300; --app-h3-font-size: 24px; --app-h3-line-height: 140%; --app-h3-letter-spacing: 0%; --desktop-h3-font-weight: 300; --desktop-h3-font-size: 28px; --desktop-h3-line-height: 125%; --desktop-h3-letter-spacing: 0%; --primary-button-background-hover: #1A181B; --primary-button-background-on-dark-hover: #4F4F4F; --primary-button-background: #EDEDED; --primary-button-color: #1A181B; --primary-button-color-hover: #FFFFFF; --primary-button-background-disabled: #BFBFBF; --primary-button-color-disabled: #FFFFFF; --primary-button-background-on-dark: #EDEDED; --primary-button-color-on-dark: #1A181B; --primary-button-color-on-dark-hover: #FFFFFF; --accent-button-background-hover: #516994; --accent-button-background-on-dark-hover: #ffffff; --accent-button-background: #1A181B; --accent-button-color-hover: #FFFFFF; --accent-button-background-on-dark: #DEE3ED; --accent-button-color-on-dark: #1A181B; --accent-button-color-on-dark-hover: #FFFFFF; --accent-button-background-disabled: #BFBFBF; --accent-button-color-disabled-on-dark: #FFFFFF; --instruction-graphic-document-background: #DEE3ED; --instruction-graphic-document-color: #212529; --instruction-graphic-face-background: #DEE3ED; --instruction-graphic-face-color: #212529; --instruction-graphic-feedback-color: #97D185; --instruction-graphic-hand-outline: #DEE3ED; --button-signature-bg: transparent; --button-signature-color: var(--main-color); --button-signature-active-bg: light-dark(#cfcfd8, #5b5b66); --button-signature-active-border: none; --button-signature-active-color: var(--button-signature-color); --button-signature-border: none; --button-signature-hover-bg: light-dark(#e0e0e6, #52525e); --button-signature-hover-color: var(--button-signature-color); --toast-background-color-info: #DEE3ED; --toast-color-info: #1A181B; --toast-icon-color-info: #1A181B; --toast-background-color-warning: #FF565A; --toast-color-warning: #1A181B; --toast-icon-color-warning: #1A181B; --toast-background-color-success: #97D185; --toast-color-success: #1A181B; --toast-icon-color-success: #1A181B; --toast-background-color-error: #E67651; --toast-color-error: #FFFFFF; --toast-icon-color-error: #FFFFFF; --stepper-step-icon-uncomplete-background: #f7f7f7; --stepper-uncomplete-background-color: #bfbfbf; --stepper-step-icon-uncomplete-color: #7d7d7d; --stepper-uncomplete-color: #1a181b; --stepper-stepline-uncomplete-background: #bfbfbf; --stepper-title-color-uncomplete: #1a181b; --stepper-title-color-complete: #1a181b; --stepper-complete-background-color: #bfbfbf; --stepper-step-icon-complete-border: #97d185; --stepper-step-icon-complete-background: #edffe5; --stepper-step-icon-complete-color: #97d185; --stepper-complete-color: #97d185; --stepper-title-color-active: #1a181b; --stepper-step-icon-active-border: #5AA43D; --stepper-step-icon-active-background: #5AA43D; --stepper-active-background-color: #bfbfbf; --stepper-step-icon-active-color: #FFFFFF; --stepper-active-color: #1a181b; }