@font-face {
  font-family: 'PP Neue Montreal';
  src: url('/assets/themes/zenegy-rebrand/fonts/PPNeueMontreal-Medium.eot');
  src: url('/assets/themes/zenegy-rebrand/fonts/PPNeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
       url('/assets/themes/zenegy-rebrand/fonts/PPNeueMontreal-Medium.woff2') format('woff2'),
       url('/assets/themes/zenegy-rebrand/fonts/PPNeueMontreal-Medium.woff') format('woff'),
       url('/assets/themes/zenegy-rebrand/fonts/PPNeueMontreal-Medium.svg#PPNeueMontreal-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
    /* APP */
    --theme-app-background: rgba(248, 247, 255, 1);
    --theme-bright-light: #ffffff;
    --theme-onboarding-language-color: #083753;
    --theme-onboarding-dropdown-arrow-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' fill='none' style='mix-blend-mode:multiply'/%3E%3Cpath d='M6 8.2501L2.25 4.5001L2.775 3.9751L6 7.2001L9.225 3.9751L9.75 4.5001L6 8.2501Z' fill='%23111111'/%3E%3C/svg%3E%0A");
    
    
    --theme-outline-button-border-color: #F0F0F0;
    --theme-outline-button-text-color: #323232;

    --theme-outline-button-hover-background-color: #F0F0F0;

    --theme-error-message-background-color: #FF1E46;
    --theme-error-message-text-color: #fff;

    --theme-input-border-color: #F0F0F0;
    --theme-input-text-color: #323232;
    
    --theme-form-field-prefix-background: #F0F0F0;

    --theme-form-field-label-text-color: rgba(17, 17, 17, 0.6);
    --theme-form-field-link-text-color: #6E30FD;

    --theme-primary-button-background-color: rgba(51, 16, 112, 1);
    --theme-primary-button-hover-background-color: #1E0A43;
    --theme-primary-button-text-color: #fff;

    --theme-label-color: #808080;
    --theme-dark-color: #120C2B;

    --theme-text-dark: #616161;

    --theme-success: #27C966;
    --theme-thumb-track-background: #F0F0F0;

    --theme-base-black: #000;

    --theme-mono-l5: #111111;
    --theme-mono-l20: #323232;
    --theme-mono-l30: #616161;
    --theme-mono-l50: #808080;
    --theme-mono-l70: #B3B3B3;
    --theme-mono-l80: #CCCCCC;
    --theme-mono-l85: #D9D9D9;
    --theme-mono-l88: #E0E0E0;
    --theme-mono-l90: #E8E8E8;
    --theme-mono-l95: #F0F0F0;
    --theme-mono-l97: #F7F7F7;
}

html {
    font-family: 'PP Neue Montreal', sans-serif;
}

body {
    background-color: var(--theme-app-background);
}

.logo {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.logo img {
    height: 27px;
}

@media (max-width: 600px) {
    .logo img {
        width: 135px;
    }
}

.site-header:after {
    /* Twice the logo height to align things better */
    height: 110px;
}