.app { font-family: Poppins, sans-serif; color: #511f5c; } .app__link, .app__icon { color: #511f5c; } .app__link:hover { color: #050010; } .tray-btn-primary, .app__button--primary:not(.app__loading), .app__login #tray-login-component .tray-btn-primary { background: #d9acbe !important; border-color: #d9acbe !important; color: #ffffff !important; } .app__button--primary-outline:not(.app__loading) { border-color: #d9acbe; color: #d9acbe; } .app__button--primary-outline:not(.app__loading) .app__icon { color: #d9acbe; } .app__button--primary:hover, .app__button--primary-outline:hover, .app__login #tray-login-component .tray-btn-primary:hover { background: #511f5c !important; border-color: #511f5c !important; color: #ffffff !important; } .app__button .app__icon { color: #ffffff; } .app__button:hover .app__icon { color: #ffffff; } .app__button--secondary:not(.app__loading) { background: #ffffff; border-color: #d9acbe; color: #d9acbe; } .app__button--secondary-outline:not(.app__loading) { border-color: #ffffff; color: #ffffff; } .app__button--secondary:hover, .app__button--secondary-outline:hover { background: #ffffff; border-color: #511f5c; color: #511f5c; } .app__header { background: #ffffff; border-color: #ffffff; color: #511f5c; } .app__header .app__icon { color: #511f5c; } .app__navigation__item__label { color: #511f5c; } .app__navigation__item:hover, .app__navigation__item:hover .app__navigation__item__icon, .app__navigation__item.active-page .app__navigation__item__icon { background: #ffffff; border-color: #b3b3b3; } .app__navigation__item:hover .app__navigation__item__label, .app__navigation__item:hover .app__navigation__item__icon svg, .app__navigation__item.active-page .app__navigation__item__icon svg { color: #511f5c; } @media (max-width: 768px) { .app__navigation { background: #ffffff; } .app__navigation__item { background: #e6e6e6; border-color: #b3b3b3; } .app__navigation__item:hover, .app__navigation__item:hover .app__navigation__item__icon, .app__navigation__item.active-page .app__navigation__item__icon { background: #b3b3b3; border-color: #e6e6e6; } .app__navigation__close-icon { background: #e6e6e6; border-color: #b3b3b3; } .app__navigation__close-icon svg { color: #511f5c } .app__navigation__item.active-page svg { color: #511f5c } .app__navigation__item__label { color: #511f5c; } .app__navigation__item__icon { background: #ffffff; } .app__navigation__item__icon svg { color: #511f5c; } } .app__timeline__step__date--brighter { color: #84528f } :root { --footer-color: #ffffff; --footer-bg: #d9acbe; --footer-bd-color: #ffffff; --footer-safe-color: #ffffff; }