/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2024-05-30 18:01:58
 */

.Title,
h1, h2, h3, h4, h5, h6 {
    margin: 2rem 0;
    color: var(--primary-color);
}
.Title:first-child,
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}
.Title:last-child,
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0;
}

.Title--1,
h1 {
    font-size: 2.3rem;
    font-weight: 800;
    margin: 2rem 0;
}

.Title--2,
h2 {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 2rem 0;
}

.Title--3,
h3 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 2rem 0 1rem;
    color: var(--body-color-light);
    letter-spacing: var(--title-letter-spacing);
}

.SubTitle {
    display: block;
    font-size: .9rem;
    margin-bottom: 2rem;
    color: var(--body-color-light);
}
.Title + .SubTitle,
h1 + .SubTitle, h2 + .SubTitle, h3 + .SubTitle, h4 + .SubTitle, h5 + .SubTitle, h6 + .SubTitle {
    margin-top: -2rem;
}
.Title--colored {
    color: var(--secondary-color);
}