/* Breakpoints :
   Mobile  : 0 - 767px
   Tablette: 768px - 1199px
   Desktop : 1200px+ */

/* Mobile (défaut) */
[class*="col-"] {
    padding: var(--space-sm);
}

/* Tablette */
@media (min-width: 768px) and (max-width: 1199px) {
    :root {
        --text-base: 1.05rem;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    :root {
        --text-base: 1.1rem;
    }
    .container, .container-fluid {
        max-width: 1200px;
        margin: 0 auto;
    }
}