/* Roboto Font Family */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.woff2') format('woff2'),
        url('../fonts/roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-italic.woff2') format('woff2'),
        url('../fonts/roboto-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-medium.woff2') format('woff2'),
        url('../fonts/roboto-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-mediumitalic.woff2') format('woff2'),
        url('../fonts/roboto-mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bold.woff2') format('woff2'),
        url('../fonts/roboto-bold.woff') format('woff'),
        url('../fonts/roboto-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bolditalic.woff2') format('woff2'),
        url('../fonts/roboto-bolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Geologica Font Family */
@font-face {
    font-display: swap;
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/geologica-v1-latin-regular.woff2') format('woff2'),
        url('../fonts/geologica-v1-latin-regular.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/geologica-v1-latin-500.woff2') format('woff2'),
        url('../fonts/geologica-v1-latin-500.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/geologica-v1-latin-600.woff2') format('woff2'),
        url('../fonts/geologica-v1-latin-600.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/geologica-v1-latin-700.woff2') format('woff2'),
        url('../fonts/geologica-v1-latin-700.ttf') format('truetype');
}

/* Base Typography */
body,
input,
select,
textarea,
button {
    font-family: 'Roboto', system-ui, sans-serif;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Geologica', system-ui, sans-serif;
}