/**
 * ========================================
 * TIGSI GLOBAL STYLES
 * ========================================
 * Styles globaux pour l'alignement et la cohérence
 */

:root {
    --tigsi-container-padding: clamp(1rem, 5vw, 5%);
    --tigsi-container-max-width: 1400px;
    --tigsi-section-padding: clamp(3rem, 8vw, 6rem) var(--tigsi-container-padding);
}

/* Container standard pour toutes les sections */
.tigsi-container {
    max-width: var(--tigsi-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--tigsi-container-padding);
    box-sizing: border-box;
}

/* Section standard */
.tigsi-section {
    padding: var(--tigsi-section-padding);
    width: 100%;
    box-sizing: border-box;
}

/* Classes utilitaires pour l'alignement */
.tigsi-align-header {
    padding-left: var(--tigsi-container-padding);
    padding-right: var(--tigsi-container-padding);
}

/* Fix pour l'alignement parfait */
.tigsi-content-wrapper {
    width: 100%;
    max-width: var(--tigsi-container-max-width);
    margin: 0 auto;
    padding: 0 var(--tigsi-container-padding);
    box-sizing: border-box;
}

/* Assurer que tous les éléments respectent le même padding */
.tigsi-hero,
.tigsi-section,
.tigsi-container,
.tigsi-content {
    box-sizing: border-box;
}

/* Fix pour les éléments qui pourraient déborder */
.tigsi-no-overflow {
    /* overflow-x: hidden; */
    width: 100%;
    max-width: 100vw;
}

@font-face {
    font-family: 'Nexa';
    src: url('/fonts/Nexa-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('/fonts/Nexa-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

.font-nexa-heavy {
    font-family: 'Nexa', 'Nunito', sans-serif;
    font-weight: 800;
}

.font-nexa-light {
    font-family: 'Nexa', 'Nunito', sans-serif;
    font-weight: 200;
}