/* Clash Display Font - Variable Font (supports multiple weights) */
@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Variable/Clash Display Variable/Clash Display Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


/* Clash Display Font - Medium (fallback) */
@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Medium/Clash Display Medium/Clash Display Medium.woff2') format('woff2') , url('../fonts/ClashDisplay-Medium/Clash Display Medium/Clash Display Medium.woff') format('woff');
    
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


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


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


/* RocGrotesk Font - Medium */
@font-face {
    font-family: 'RocGrotesk';
    src: url('../fonts/Roc-Medium/RocGrotesk-Medium/RocGrotesk-Medium.woff2') format('woff2')
    ,url('../fonts/Roc-Medium/RocGrotesk-Medium/Web Fonts/ff5ad1a4e302e9757fb2662c1bb557da.woff2') format('woff2')
     , url('../fonts/Roc-Medium/RocGrotesk-Medium/Web Fonts/ff5ad1a4e302e9757fb2662c1bb557da.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Clash Grotesk - Alias for RocGrotesk (used in workshop section) */
@font-face {
    font-family: 'Clash Grotesk';
    src: url('../fonts/Roc-Regular/RocGrotesk-Regular/RocGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('../fonts/Roc-Medium/RocGrotesk-Medium/RocGrotesk-Medium.woff2') format('woff2'),url('../fonts/Roc-Medium/RocGrotesk-Medium/Web Fonts/ff5ad1a4e302e9757fb2662c1bb557da.woff2') format('woff2'), url('../fonts/Roc-Medium/RocGrotesk-Medium/Web Fonts/ff5ad1a4e302e9757fb2662c1bb557da.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Fallback fonts if local files are not available */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');