/* ==========================================================================
   CUSTOM FONTS - NEFALD
   ========================================================================== */

/* Gothic title font - Only for site title */
@font-face {
    font-family: 'FetteUNZFraktur';
    src: url('../fonts/FetteUNZFraktur/FetteUNZFraktur.woff2') format('woff2'),
         url('../fonts/FetteUNZFraktur/FetteUNZFraktur.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* Decorative font */
@font-face {
    font-family: 'Redressed';
    src: url('../fonts/Redressed/Redressed-Regular.woff2') format('woff2'),
         url('../fonts/Redressed/Redressed-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

/* Body text - Regular */
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
         url('../fonts/Merriweather/Merriweather-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

/* Body text - Bold */
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Bold.woff2') format('woff2'),
         url('../fonts/Merriweather/Merriweather-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* Headings - Regular */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
         url('../fonts/Oswald/Oswald-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

/* Headings - Bold */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Bold.woff2') format('woff2'),
         url('../fonts/Oswald/Oswald-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* Elegant serif */
@font-face {
    font-family: 'Fondamento';
    src: url('../fonts/Fondamento/Fondamento-Regular.woff2') format('woff2'),
         url('../fonts/Fondamento/Fondamento-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

/* ==========================================================================
   VARIABLES
   ========================================================================== */

:root {
    --font-title: 'FetteUNZFraktur', serif;
    --font-heading: 'Oswald', sans-serif;
}

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

body {
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
}

/* Site title - Gothic font */
.site-title {
    margin: 10px 0;
    font-size: 9rem;
    font-weight: 900;
    font-family: var(--font-title);
    color: #FBFBFB;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: -1px;
}

/* Accent text */
.accent-text {
    font-family: var(--font-accent);
}

/* Elegant text */
.elegant-text {
    font-family: var(--font-elegant);
}