:root {
    --black: #000000;
    --bon-jour: #e0e0e0;
    --catskill-white: #f1f4f8;
    --fuscous-gray: #525252;
    --hunter-green: #161616;
    --white: #ffffff;

    --font-size-l: 16px;
    --font-size-m: 15px;
    --font-size-s: 14px;
    --font-size-xl: 20px;
    --font-size-xs: 12px;
    --font-size-xxl: 54px;
}

/* PP Neue Montreal font family declarations with multiple format support */
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-thin.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-thin.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-thin.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-book.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-book.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-medium.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-medium.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-bold.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-bold.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-italic.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-italic.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/ppneuemontreal/ppneuemontreal-semibolditalic.woff2') format('woff2'),
    url('../fonts/ppneuemontreal/ppneuemontreal-semibolditalic.woff') format('woff'),
    url('../fonts/ppneuemontreal/ppneuemontreal-semibolditalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}