/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


/* custom fonts. they are located under public/fonts */
@font-face {
    font-family: 'Source Serif 4';
    src: url("/fonts/SourceSerif4-Regular.ttf.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url("/fonts/SourceSerif4-Bold.ttf.woff2") format('woff2');
    font-weight: 700;
    font-style: bold;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url("/fonts/SourceSerif4-Italic.ttf.woff2") format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url("/fonts/SourceSerif4-BoldItalic.ttf.woff2") format('woff2');
    font-weight: 700;
    font-style: bold italic;
}

/* OpenSans-VariableFont_wdth,wght.ttf */

@font-face {
    font-family: 'open-sans';
    src: url("/fonts/OpenSans-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'open-sans';
    src: url("/fonts/OpenSans-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: bold;
}

@font-face {
    font-family: 'open-sans';
    src: url("/fonts/OpenSans-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'open-sans';
    src: url("/fonts/OpenSans-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: bold italic;
}