/* ======================================================
   ONS GLOBAL FONT SYSTEM
   Neue Montreal + Neue Machina
====================================================== */

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

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

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

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

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

@font-face {
    font-family: 'Neue Machina';
    src: url('NeueMachina-Ultrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --ons-font-body: 'Neue Montreal', Arial, sans-serif;
    --ons-font-heading: 'Neue Machina', 'Neue Montreal', Arial, sans-serif;
}

.ons-font-machina {
    font-family: var(--ons-font-heading);
}

.ons-font-montreal {
    font-family: var(--ons-font-body);
}

.ons-font-system {
    font-family: Arial, Helvetica, sans-serif;
}

.ons-weight-300 { font-weight: 300; }
.ons-weight-400 { font-weight: 400; }
.ons-weight-500 { font-weight: 500; }
.ons-weight-600 { font-weight: 600; }
.ons-weight-700 { font-weight: 700; }
.ons-weight-800 { font-weight: 800; }