/**
 * fonts.css
 * 
 * Definira lokalno učitane fontove za korištenje na web stranici.
 * Uključuje fontove "Rubik" i "Playfair Display" u različitim težinama i stilovima.
 * 
 * Fontovi su u formatima WOFF2 i WOFF kako bi osigurali kompatibilnost s modernim preglednicima.
 * Svi fontovi koriste `font-display: swap` kako bi spriječili blokiranje renderiranja teksta
 * dok se fontovi učitavaju.
 *
 * @since 1.0.0
 */
 
/* Regular */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Regular.woff2') format('woff2'),
         url('fonts/Rubik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Black */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Black.woff2') format('woff2'),
         url('fonts/Rubik-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* Bold */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Bold.woff2') format('woff2'),
         url('fonts/Rubik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* Italic */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Italic.woff2') format('woff2'),
         url('fonts/Rubik-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
/* Bold Italic */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-BoldItalic.woff2') format('woff2'),
         url('fonts/Rubik-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/* Light */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Light.woff2') format('woff2'),
         url('fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* Semi-Bold */
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-SemiBold.woff2') format('woff2'),
         url('fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Playfair Display Bold */
@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
       url('fonts/PlayfairDisplay-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Playfair Display Extra Bold */
@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
       url('fonts/PlayfairDisplay-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}