/* Aeonik Pro Thin */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Aeonik Pro Light */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Aeonik Pro Light Italic */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Light Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Aeonik Pro Regular */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Aeonik Pro Regular Italic */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Regular Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Aeonik Pro Medium */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Aeonik Pro Medium Italic */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Medium Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Aeonik Pro Bold */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Aeonik Pro Bold Italic */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Bold Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Aeonik Pro Black */
@font-face {
    font-family: 'Aeonik Pro';
    src: url('/fonts/Aeonik Pro Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   DESKTOP TYPOGRAPHY OVERRIDES (Md and up)
   ========================================================= */
@media (min-width: 960px) {

    /* ======================
     HEADINGS
     ====================== */
    .mud-typography-h1 { 
        font-size: 4.5rem;
        line-height: 120%;
        font-weight: 500;
    }

    .mud-typography-h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        font-weight: 700;
    }

    .mud-typography-h3 {
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 700;
    }

    .mud-typography-h4 {
        font-size: 2.5rem;
        line-height: 100%;
        font-weight: 700;
    }

    .mud-typography-h5 {
        font-size: 1.5rem;
        line-height: 1.35;
        font-weight: 700;
    }

    .mud-typography-h6 {
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: 500;
    }

    /* ======================
     SUBTITLES
     ====================== */
    .mud-typography-subtitle1 {
        font-size: 1.1rem;
        line-height: 1.5;
        font-weight: 400;
    }

    .mud-typography-subtitle2 {
        font-size: 1rem;
        line-height: 1.45;
        font-weight: 400;
    }

    /* ======================
     BODY
     ====================== */
    .mud-typography-body1 {
        font-size: 20px;
        line-height: 1.6;
        font-weight: 300;
    }

    .mud-typography-body2 {
        font-size: 0.9rem;
        line-height: 1.6;
        font-weight: 400;
    }

    /* ======================
     BUTTON / SMALL TEXT
     ====================== */
    .mud-typography-button {
        font-size: 0.875rem;
        line-height: 1.3;
        font-weight: 400;
        text-transform: none;
    }

    .mud-typography-caption {
        font-size: 16px;
        line-height: 1.4;
        font-weight: 400;
    }

    .mud-typography-overline {
        font-size: 0.75rem;
        line-height: 1.4;
        font-weight: 400;
        letter-spacing: 0.08em;
    }
}