/* ----------------- FONTS ----------------- */

/* Playfair Display */
@font-face {
    font-family: 'PlayfairDisplay';
    src: url('../new_fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
         url('../new_fonts/PlayfairDisplay-Regular.woff') format('woff'),
         url('../new_fonts/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Quicksand Regular */
@font-face {
    font-family: 'Quicksand';
    src: url('../new_fonts/Quicksand-Regular.woff2') format('woff2'),
         url('../new_fonts/Quicksand-Regular.woff') format('woff'),
         url('../new_fonts/Quicksand-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto Light */
@font-face {
    font-family: 'Roboto';
    src: url('../new_fonts/Roboto-Light.woff2') format('woff2'),
         url('../new_fonts/Roboto-Light.woff') format('woff'),
         url('../new_fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Roboto Regular */
@font-face {
    font-family: 'Roboto';
    src: url('../new_fonts/Roboto-Regular.woff2') format('woff2'),
         url('../new_fonts/Roboto-Regular.woff') format('woff'),
         url('../new_fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto Medium */
@font-face {
    font-family: 'Roboto';
    src: url('../new_fonts/Roboto-Medium.woff2') format('woff2'),
         url('../new_fonts/Roboto-Medium.woff') format('woff'),
         url('../new_fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


/* ----------------- FONT USAGE ----------------- */

/* Body and Paragraphs */
body, p {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PlayfairDisplay', serif !important;
    font-weight: 400;
}

/* Buttons, Links, Input fields */
button, input, select, textarea, a {
    font-family: 'Roboto', sans-serif !important;
}

/* Example: Using Roboto Light/Medium/Bold for special elements */
.light-text {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
}

.medium-text {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.bold-text {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700;
}