@font-face {
    font-family: 'Merchant-Thin';
    src: url('../fonts/Merchant-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ThinCondensed';
    src: url('../fonts/Merchant-ThinCondensed.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ThinExpanded';
    src: url('../fonts/Merchant-ThinExpanded.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraLight';
    src: url('../fonts/Merchant-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraLightCondensed';
    src: url('../fonts/Merchant-ExtraLightCondensed.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraLightExpanded';
    src: url('../fonts/Merchant-ExtraLightExpanded.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Light';
    src: url('../fonts/Merchant-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-LightCondensed';
    src: url('../fonts/Merchant-LightCondensed.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-LightExpanded';
    src: url('../fonts/Merchant-LightExpanded.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Regular';
    src: url('../fonts/Merchant-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Condensed';
    src: url('../fonts/Merchant-Condensed.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Expanded';
    src: url('../fonts/Merchant-Expanded.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Medium';
    src: url('../fonts/Merchant-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-MediumCondensed';
    src: url('../fonts/Merchant-MediumCondensed.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-MediumExpanded';
    src: url('../fonts/Merchant-MediumExpanded.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-SemiBold';
    src: url('../fonts/Merchant-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-SemiBoldCondensed';
    src: url('../fonts/Merchant-SemiBoldCondensed.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-SemiBoldExpanded';
    src: url('../fonts/Merchant-SemiBoldExpanded.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Bold';
    src: url('../fonts/Merchant-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-BoldCondensed';
    src: url('../fonts/Merchant-BoldCondensed.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-BoldExpanded';
    src: url('../fonts/Merchant-BoldExpanded.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraBold';
    src: url('../fonts/Merchant-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraBoldCondensed';
    src: url('../fonts/Merchant-ExtraBoldCondensed.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-ExtraBoldExpanded';
    src: url('../fonts/Merchant-ExtraBoldExpanded.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-Black';
    src: url('../fonts/Merchant-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-BlackCondensed';
    src: url('../fonts/Merchant-BlackCondensed.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merchant-BlackExpanded';
    src: url('../fonts/Merchant-BlackExpanded.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-100: 'Merchant-Thin', sans-serif;
    --font-200: 'Merchant-ExtraLight', sans-serif;
    --font-300: 'Merchant-Light', sans-serif;
    --font-400: 'Merchant-Regular', sans-serif;
    --font-500: 'Merchant-Medium', sans-serif;
    --font-600: 'Merchant-SemiBold', sans-serif;
    --font-700: 'Merchant-Bold', sans-serif;
    --font-800: 'Merchant-ExtraBold', sans-serif;
    --font-900: 'Merchant-Black', sans-serif;
    --font-100-c: 'Merchant-ThinCondensed', sans-serif;
    --font-200-c: 'Merchant-ExtraLightCondensed', sans-serif;
    --font-300-c: 'Merchant-LightCondensed', sans-serif;
    --font-400-c: 'Merchant-Condensed', sans-serif;
    --font-500-c: 'Merchant-MediumCondensed', sans-serif;
    --font-600-c: 'Merchant-SemiBoldCondensed', sans-serif;
    --font-700-c: 'Merchant-BoldCondensed', sans-serif;
    --font-800-c: 'Merchant-ExtraBoldCondensed', sans-serif;
    --font-900-c: 'Merchant-BlackCondensed', sans-serif;
    --font-100-e: 'Merchant-ThinExpanded', sans-serif;
    --font-200-e: 'Merchant-ExtraLightExpanded', sans-serif;
    --font-300-e: 'Merchant-LightExpanded', sans-serif;
    --font-400-e: 'Merchant-Expanded', sans-serif;
    --font-500-e: 'Merchant-MediumExpanded', sans-serif;
    --font-600-e: 'Merchant-SemiBoldExpanded', sans-serif;
    --font-700-e: 'Merchant-BoldExpanded', sans-serif;
    --font-800-e: 'Merchant-ExtraBoldExpanded', sans-serif;
    --font-900-e: 'Merchant-BlackExpanded', sans-serif;
}