/* ==========================================================
   SIT2S Enterprise 2026
   Typography
   ========================================================== */

/* ==========================================================
   Police par défaut
   ========================================================== */

html{

    font-size:16px;

    scroll-behavior:smooth;

}

body{

    font-family:'Inter',sans-serif;

    font-size:1rem;

    font-weight:400;

    line-height:1.6;

    color:var(--text-primary);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* ==========================================================
   Titres
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:'Manrope',sans-serif;

    color:var(--text-primary);

    font-weight:700;

    line-height:1.2;

    margin-bottom:var(--space-4);

}

h1{

    font-size:3rem;

    font-weight:800;

    letter-spacing:-1.5px;

}

h2{

    font-size:2.25rem;

    letter-spacing:-1px;

}

h3{

    font-size:1.75rem;

}

h4{

    font-size:1.40rem;

}

h5{

    font-size:1.20rem;

}

h6{

    font-size:1rem;

}

/* ==========================================================
   Paragraphes
   ========================================================== */

p{

    margin-bottom:var(--space-4);

    color:var(--text-secondary);

}

/* ==========================================================
   Liens
   ========================================================== */

a{

    color:var(--primary-400);

    text-decoration:none;

    transition:var(--transition);

}

a:hover{

    color:var(--primary-300);

}

/* ==========================================================
   Texte secondaire
   ========================================================== */

.text-muted{

    color:var(--text-muted);

}

.text-light{

    color:var(--text-secondary);

}

.text-primary{

    color:var(--text-primary);

}

/* ==========================================================
   Login
   ========================================================== */

.login-title{

    font-size:3rem;

    font-weight:800;

    letter-spacing:-1.5px;

    margin-top:var(--space-6);

    margin-bottom:var(--space-2);

}

.login-subtitle{

    font-size:1rem;

    color:var(--text-muted);

    margin-bottom:var(--space-8);

}

/* ==========================================================
   Dashboard
   ========================================================== */

.page-title{

    font-size:2rem;

    font-weight:700;

    margin-bottom:var(--space-2);

}

.page-subtitle{

    color:var(--text-muted);

    font-size:1rem;

}

/* ==========================================================
   Formulaires
   ========================================================== */

.form-label{

    font-size:.95rem;

    font-weight:600;

    color:var(--text-secondary);

    margin-bottom:var(--space-2);

}

.form-text{

    font-size:.85rem;

    color:var(--text-muted);

}

/* ==========================================================
   Boutons
   ========================================================== */

.btn{

    font-family:'Inter',sans-serif;

    font-size:.95rem;

    font-weight:600;

    letter-spacing:.25px;

}

/* ==========================================================
   Tableaux
   ========================================================== */

.table{

    font-size:.92rem;

}

.table thead{

    font-weight:700;

}

.table tbody{

    font-weight:400;

}

/* ==========================================================
   Badges
   ========================================================== */

.badge{

    font-size:.75rem;

    font-weight:600;

    letter-spacing:.5px;

}

/* ==========================================================
   Cartes KPI
   ========================================================== */

.stats-title{

    font-size:.90rem;

    color:var(--text-muted);

}

.stats-value{

    font-family:'Manrope',sans-serif;

    font-size:2rem;

    font-weight:800;

}

.stats-growth{

    font-size:.85rem;

    font-weight:600;

}

/* ==========================================================
   Footer
   ========================================================== */

.footer{

    font-size:.80rem;

    color:var(--text-muted);

}

/* ==========================================================
   Responsive
   ========================================================== */

@media(max-width:992px){

    h1{

        font-size:2.5rem;

    }

    h2{

        font-size:2rem;

    }

}

@media(max-width:768px){

    h1{

        font-size:2rem;

    }

    h2{

        font-size:1.6rem;

    }

    .login-title{

        font-size:2.25rem;

    }

}

@media(max-width:576px){

    html{

        font-size:15px;

    }

    .login-title{

        font-size:2rem;

    }

}