/* Rubik Light */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-300-normal.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-300-normal.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Rubik Light Italic */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-300-italic.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-300-italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Rubik Regular */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-400-normal.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-400-normal.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Rubik Italic */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-400-italic.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-400-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Rubik Medium */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-500-normal.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-500-normal.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Rubik Bold */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-700-normal.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-700-normal.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Rubik Bold Italic */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/webfonts/rubik-latin-700-italic.woff2') format('woff2'),
         url('/fonts/webfonts/rubik-latin-700-italic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}