:root {
    --pink: #E9477A;
    --blue: #7DD2F1;
    --black: #2E2B26;
    --white: #FFFFFF;
    --dxbl-accent-color: var(--pink);
    --dxbl-btn-primary-bg: var(--pink);
    --dxbl-btn-secondary-border-color: var(--pink);
    --dxbl-btn-secondary-color: var(--pink);
    --DS-neutral-170: var(--pink);
    --DS-color-content-neutral-default-rest: var(--pink);
}

html, body {
    font-family: 'HelveticaNowText-Regular', Helvetica, Arial, sans-serif;
    margin: 0;
}

p {
    margin: 0;
}
.dxbl-btn-caption {
    font-family: 'HelveticaNowText-Regular';
    font-weight: 100;
}

@font-face {
    font-family: 'helveticanowtext-regular';
    src: url('lib/fonts/helveticanowtext-regular.otf') format('opentype');
}

@font-face {
    font-family: 'freighttext pro medium';
    src: url('lib/fonts/freighttext pro medium.otf') format('opentype');
}

body {
    margin: 0;
}

.primary {
    color: var(--pink);
}

.deemphasized {
    color: gray;
}
.base {
    font-family: 'HelveticaNowText-Regular';
    font-weight: 100;
    font-size: 16px;
}


.heading-1 {
    font-family: 'FreightText Pro Medium';
    margin: 0;
}

.bar {
    display: flex;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    box-shadow: 0 -5px 6px 2px black;
    background: white;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.logo {
    width: auto;
    height: 32px;
}

.border {
    border: lightgrey solid 1px;
    border-radius: 0.5rem;
}




.text-input input:disabled {
    background: var(--Line-Divider);
}

.text-input input.invalid {
    background: pink;
}

.text-input input:focus-visible {
    border: 1px solid var(--Brand-Color-1-enough-contrast, #E41B5B);
}

.form-control {
    border-radius: 5px;
    float: left;
    clear: left;
    width: 100%;
    display: block;
    height: 2em;
    border: solid 1px lightgray;
    box-sizing: border-box;
}