/* -------------------Arges------------------- */
@font-face {
    font-family: 'Arges';
    src: url('../fonts/Arges/Arges-Variable.woff2') format('woff2-variations'),
        url('../fonts/Arges/Arges-Variable.ttf') format('truetype-variations');
    font-weight: 100 1000;
    /* plage complète du weight */
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'DmMono';
    src: url('../fonts/DMMono/DMMono-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

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

@font-face {
    font-family: 'DmMono';
    src: url('../fonts/DMMono/DMMono-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

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

@font-face {
    font-family: 'DmMono';
    src: url('../fonts/DMMono/DMMono-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

/* -------------------NeueMontreal------------------- */

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

@font-face {
    font-family: 'NeueMontreal';
    src: url('../fonts/NeueMontreal/NeueMontreal-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

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

@font-face {
    font-family: 'NeueMontreal';
    src: url('../fonts/NeueMontreal/NeueMontreal-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

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

@font-face {
    font-family: 'NeueMontreal';
    src: url('../fonts/NeueMontreal/NeueMontreal-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

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

@font-face {
    font-family: 'NeueMontreal';
    src: url('../fonts/NeueMontreal/NeueMontreal-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    font-synthesis: none;
}

/* -------------------NewIcon------------------- */

@font-face {
    font-family: 'NewIconScript';
    src: url('../fonts/NewIcon/New-Icon-Script-Exfont1157.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-synthesis: none;
}

@font-face {
    font-family: 'NewIcon';
    src: url('../fonts/NewIcon/New-Icon-Serif-Exfonte9d1.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-synthesis: none;
    letter-spacing: 90%;
}


@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Dark Palette */
    }
}