:root {
    --black: #000000;
    --defaultwhite: #ffffff;
    --error--400: #e5635a;
    --grey-100: #e9e9e9;
    --grey-200: #dddede;
    --grey-300: #c7c7c7;
    --grey-400: #98999a;
    --grey--50: #f8f8f8;
    --grey--500: #6a6b6e;
    --grey--600: #3c3d40;
    --grey-700: #0f1014;
    --greywhite: #ffffff;
    --primaryprimary--200: #f3e9dc;
    --primaryprimary--400: #f1d3ab;
    --primaryprimary--700: #e8860c;
    --secondarysecondary--900: #eb6c09;
    --warningwarning--50: #f4efde;
    --warningwarning--600: #907331;
    --white: #ffffff03;

    --text-2xs: 13px;
    --text-sm: 14px;
    --text-2sm: 15px;
    --text-base: 1rem;
    --text-xl: 20px;
    --text-2xl: 26px;
    --text-3xl: 32px;

    --font-sans: "Open Sans", Helvetica, Arial, sans-serif;
}

.opensans-normal-bunker-13px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-2xs);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-dove-gray-13px {
    color: var(--grey--500);
    font-family: var(--font-sans);
    font-size: var(--text-2xs);
    font-style: normal;
    font-weight: 600;
}

.opensans-normal-roman-14px {
    color: var(--error--400);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-ship-gray-14px {
    color: var(--grey--600);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: 600;
}

.opensans-normal-dove-gray-15px {
    color: var(--grey--500);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 400;
}

.opensans-normal-bunker-15px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-ship-gray-15px {
    color: var(--grey--600);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 600;
}

.opensans-semi-bold-bunker-15px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 600;
}

.opensans-normal-dove-gray-16px {
    color: var(--grey--500);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-style: normal;
    font-weight: 400;
}
.opensans-bold-dove-gray-15px {
    color: var(--grey--500);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 700;
}

.opensans-bold-christine-15px {
    color: var(--secondarysecondary--900);
    font-family: var(--font-sans);
    font-size: var(--text-2sm);
    font-style: normal;
    font-weight: 700;
}

.opensans-normal-bunker-16px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-bunker-16px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-style: normal;
    font-weight: 600;
}

.opensans-bold-white-16px {
    color: var(--defaultwhite);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-style: normal;
    font-weight: 700;
}

.opensans-bold-christine-16px {
    color: var(--secondarysecondary--900);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.opensans-bold-bunker-20px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-xl);
    font-style: normal;
    font-weight: 700;
}

.opensans-bold-bunker-26px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-2xl);
    font-style: normal;
    font-weight: 700;
}

.opensans-bold-bunker-32px {
    color: var(--grey-700);
    font-family: var(--font-sans);
    font-size: var(--text-3xl);
    font-style: normal;
    font-weight: 700;
}