/* ==========================================================================
   Polices Roba et Gig - Déclarations @font-face
   ========================================================================== */

/* RobaHigh - Light */
@font-face {
    font-family: 'RobaHigh';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Light.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* RobaHigh - Regular */
@font-face {
    font-family: 'RobaHigh';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Regular.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* RobaHigh - Semibold */
@font-face {
    font-family: 'RobaHigh';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Semibold.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* RobaHigh - Bold */
@font-face {
    font-family: 'RobaHigh';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Bold.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* RobaHigh - Black */
@font-face {
    font-family: 'RobaHigh';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Black.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaHigh-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* RobaLow - Light */
@font-face {
    font-family: 'RobaLow';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Light.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* RobaLow - Regular */
@font-face {
    font-family: 'RobaLow';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Regular.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* RobaLow - Semibold */
@font-face {
    font-family: 'RobaLow';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Semibold.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* RobaLow - Bold */
@font-face {
    font-family: 'RobaLow';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Bold.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* RobaLow - Black */
@font-face {
    font-family: 'RobaLow';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Black.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/roba/RobaLow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Gig - Light */
@font-face {
    font-family: 'Gig';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Light.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Gig - Regular */
@font-face {
    font-family: 'Gig';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Regular.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Gig - Bold */
@font-face {
    font-family: 'Gig';
    src: url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Bold.woff2') format('woff2'),
    url('https://www.periscope-lyon.com/wp-content/themes/multiscope-kelkii/fonts/gig/Gig-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Classes utilitaires pour utiliser les polices
   ========================================================================== */

.font-roba-high {
    font-family: 'RobaHigh', Arial, sans-serif;
}

.font-roba-low {
    font-family: 'RobaLow', Arial, sans-serif;
}

.font-gig {
    font-family: 'Gig', Arial, sans-serif;
}

/* Variantes de poids pour RobaHigh */
.roba-high-light {
    font-family: 'RobaHigh', sans-serif;
    font-weight: 300;
}

.roba-high-regular {
    font-family: 'RobaHigh', sans-serif;
    font-weight: 400;
}

.roba-high-semibold {
    font-family: 'RobaHigh', sans-serif;
    font-weight: 600;
}

.roba-high-bold {
    font-family: 'RobaHigh', sans-serif;
    font-weight: 700;
}

.roba-high-black {
    font-family: 'RobaHigh', sans-serif;
    font-weight: 900;
}

/* Variantes de poids pour RobaLow */
.roba-low-light {
    font-family: 'RobaLow', sans-serif;
    font-weight: 300;
}

.roba-low-regular {
    font-family: 'RobaLow', sans-serif;
    font-weight: 400;
}

.roba-low-semibold {
    font-family: 'RobaLow', sans-serif;
    font-weight: 600;
}

.roba-low-bold {
    font-family: 'RobaLow', sans-serif;
    font-weight: 700;
}

.roba-low-black {
    font-family: 'RobaLow', sans-serif;
    font-weight: 900;
}

/* Variantes de poids pour Gig */
.gig-light {
    font-family: 'Gig', sans-serif;
    font-weight: 300;
}

.gig-regular {
    font-family: 'Gig', sans-serif;
    font-weight: 400;
}

.gig-bold {
    font-family: 'Gig', sans-serif;
    font-weight: 700;
}