/*
 * Base MBB — échelle typographique (charte §3), largeur de contenu, chiffres tabulaires.
 * Chargé après tokens.css. Les composants (.mbb-*) vivent dans styles/components/.
 */

body {
    font-size: 1rem;
    line-height: 1.6;
}

h1, .h1 {
    font-weight: 600;
    font-size: clamp(2rem, 1.72rem + 1.4vw, 2.75rem);
    line-height: 1.1;
}

h2, .h2 {
    font-weight: 600;
    font-size: clamp(1.5rem, 1.34rem + 0.8vw, 2rem);
    line-height: 1.2;
}

h3, .h3 {
    font-weight: 500;
    font-size: clamp(1.25rem, 1.19rem + 0.3vw, 1.375rem);
    line-height: 1.25;
}

small, .small {
    font-size: 0.875rem;
    line-height: 1.5;
}

.mbb-caption {
    font-family: var(--mbb-font-body);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.4;
}

.mbb-caption--upper {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Chiffres tabulaires : distance, horaires, prix (charte §3) */
.mbb-nums {
    font-variant-numeric: tabular-nums;
}

.container,
.container-fluid,
.container-lg,
.container-xl,
.container-xxl {
    max-width: 1200px;
}

a {
    color: var(--bs-link-color);
}

a:hover {
    color: var(--bs-link-hover-color);
}