Graisses

<p class="c-txt m-fw-100">m-fw-100<br><i>Thin (Hairline)</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-200">m-fw-200<br><i>Extra Light (Ultra Light)</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-300">m-fw-300<br><i>Light</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-400">m-fw-400<br><i>Normal</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-500">m-fw-500<br><i>Medium</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-600">m-fw-600<br><i>Semi Bold (Demi Bold)</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-700">m-fw-700<br><i>Bold</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-800">m-fw-800<br><i>Extra Bold (Ultra Bold)</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<p class="c-txt m-fw-900">m-fw-900<br><i>Black (Heavy)</i><br><br>Sed sanctus tempor diam eos elitr, clita takimata vero sit sea magna dolores lorem gubergren diam. Et consetetur labore amet sadipscing justo magna, no diam dolor dolor eirmod diam clita.</p>

<!-- DEMO UNIQUEMENT -->
<style>
    body {
        padding: var(--ita-spacing-4);
        background-color: var(--ita-color-primary-100);
        color: var(--ita-color-primary-800);
        font-family: var(--ita-font-family-mono);
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 100vh;
    }
    .c-txt {
        background-color: var(--ita-color-primary-500);
        color: var(--ita-color-neutral-100);
        padding: var(--ita-spacing-4);
        max-width: 30ch;
        margin-left: auto;
        margin-right: auto;
    }
</style>