/* Configuration des variables */
:root,
*::before,
*::after {
    --font-size-h1: 6rem;
    --font-size-h2: 4rem;
    --font-size-h3: 3rem;
    --font-size-l: 2.5rem;
    --font-size-m: 2.3rem;
    --font-size-s: 2rem;
    --font-size-standard: 1.8rem;
    --font-size-xs: 1.3rem;
    --font-size-xxs: 1rem;
    --line-height: 1.5em;
}

/* Berthold */
@font-face {
    font-family: "Berthold";
    src: url("../Fonts/berthold-akzidenz-grotesk-be-extended.otf") format("truetype");
}

@font-face {
    font-family: "Berthold_Bold";
    src: url("../Fonts/berthold-akzidenz-grotesk-be-medium-extended.ttf") format("truetype");
}

@font-face {
    font-family: "Berthold_Light";
    src: url("../Fonts/berthold-akzidenz-grotesk-be-light.otf") format("truetype");
}

/* TWK Everett */
@font-face {
    font-family: "TWK_Everett";
    src: url("../Fonts/TWKEverett-Regular.otf") format("truetype");
}

@font-face {
    font-family: "TWK_Everett_Bold";
    src: url("../Fonts/TWKEverett-Bold.otf") format("truetype");
}

@font-face {
    font-family: "TWK_Everett_Extrabold";
    src: url("../Fonts/TWKEverett-Extrabold.otf") format("truetype");
}

/* MinionPro */
@font-face {
    font-family: "MinionPro";
    src: url("../Fonts/MinionPro-Regular.otf") format("truetype");
}

@font-face {
    font-family: "MinionPro_Bold";
    src: url("../Fonts/MinionPro-Bold.otf") format("truetype");
}

/* Globale */
html {
    font-size: 62.5%;
}

body {
    font-family: "MinionPro";
    font-size: var(--font-size-l);
    line-height: var(--line-height);
    color: var(--clr-neutral-min);
}

h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height);
}

h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height);
}

h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height);
}

a,
a:visited {
    color: var(--clr-neutral-min);
    text-decoration: underline;
    text-underline-offset: calc(var(--spacer) / 2);
}

a:hover,
a:focus {
    text-decoration: none;
}

/* Header */
body > header * {
    font-family: "TWK_Everett";
    font-size: var(--font-size-xs);
    line-height: var(--line-height);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.header__page > a,
.menu-lang__link {
    text-decoration: none;
}

.header__page > a:hover,
.header__page > a:focus,
.header__page--active > a {
    text-decoration: underline;
}

.header__page--active > a:hover,
.header__page--active > a:focus {
    text-decoration: none;
}

.menu-lang__link:hover,
.menu-lang__link:focus {
    text-decoration: underline;
}

a.menu-lang__link--active {
    display: none;
}

/* Footer */
footer * {
    font-family: "TWK_Everett";
    font-size: var(--font-size-s);
    line-height: var(--line-height);
}

/* Boutons */
.button {
    font-size: var(--font-size-s);
    line-height: var(--line-height);
    color: var(--clr-neutral-max);
}

.button:hover,
.button:focus {
    color: var(--clr-neutral-min);
}

/* Figure */
.sa-figure figcaption {
    font-size: var(--font-size-s);
    line-height: var(--line-height);
    color: var(--clr-neutral-min);
}

/* Page projet */
.page--project h1 {
    font-family: "TWK_Everett";
    font-size: var(--font-size-m);
    font-weight: 500;
    line-height: var(--line-height);
    letter-spacing: 0.69px;
}

.project__introduction-datas-innerContainer p,
.project__introduction-datas-innerContainer ul li,
.project__pdf {
    font-family: "TWK_Everett";
    font-size: var(--font-size-xs);
    font-weight: 400;
    line-height: var(--line-height);
}