/* Généré depuis design-tokens.json par tools/design-tokens ; ne pas modifier à la main.
   Une classe par style de texte du kit, qui ne cite que des variables de tokens.css, à charger avant celle-ci. La couleur est
   celle du thème clair, le seul que le site connaisse aujourd'hui ; la forme sombre viendra avec le mode sombre. */

/* Bandeau : 40 à 48 sur mobile. */
.cj-text-display-hero {
  font-family: var(--cj-font-display);
  font-weight: 400;
  font-size: var(--cj-font-size-3xl);
  line-height: 0.92;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--cj-ink);
}

/* Titre d'écran : 32 à 38 sur mobile. */
.cj-text-display-title {
  font-family: var(--cj-font-display);
  font-weight: 400;
  font-size: var(--cj-font-size-2xl);
  line-height: 0.98;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--cj-ink);
}

/* Titre de section : 28 à 32 sur mobile. */
.cj-text-display-section {
  font-family: var(--cj-font-display);
  font-weight: 400;
  font-size: var(--cj-font-size-2xl);
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--cj-ink);
}

/* Titre de carte : 20 à 24 sur mobile, deux lignes au plus. */
.cj-text-card-title {
  font-family: var(--cj-font-body);
  font-weight: 600;
  font-size: var(--cj-font-size-lg);
  line-height: 1.05;
  color: var(--cj-ink);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Texte courant. */
.cj-text-body-text {
  font-family: var(--cj-font-body);
  font-weight: 400;
  font-size: var(--cj-font-size-md);
  line-height: 1.35;
  color: var(--cj-text);
}

/* Interface et boutons : 14 à 16, graisse 600. */
.cj-text-ui-text {
  font-family: var(--cj-font-body);
  font-weight: 600;
  font-size: var(--cj-font-size-md);
  line-height: 1;
  color: var(--cj-ink);
}

/* Métadonnée : 12 à 14. */
.cj-text-meta-text {
  font-family: var(--cj-font-body);
  font-weight: 400;
  font-size: var(--cj-font-size-sm);
  line-height: 1.25;
  color: var(--cj-text-muted);
}