/* Playfair Display - Regular (400) */
@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Playfair Display - SemiBold (600) */
@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* Playfair Display - Regular Italic (400) */
@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-400italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Outfit - Light (300) */
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/outfit-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Outfit - Regular (400) */
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/outfit-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Outfit - Medium (500) */
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/outfit-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Outfit - SemiBold (600) */
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/outfit-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Inter - Light (300) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Inter - Regular (400) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Inter - Medium (500) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Inter - SemiBold (600) */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}