:root {
    --m: 0.9rem;
    --mm: calc(2 * var(--m));
    --mmm: calc(3 * var(--m));
    --mmmm: calc(4 * var(--m));
    --mmmmm: calc(5 * var(--m));
    --mmmmmm: calc(6 * var(--m));
    --mmmmmmm: calc(7 * var(--m));
    --mmmmmmmm: calc(8 * var(--m));
    --lineWidth: 2px;
    /* --------------------------------------------------------------------------------------------- Grid design */
    /* maybe fix can be removed at some point, to test a bit (could be 0.001px), f** Firefox rounding calculations... */
    --fix: 0.05px;
    --gap: var(--mm);
    --c: calc((100dvw - var(--gap) * 13) / 12);
    --c1: calc(var(--c) * 1 + var(--gap) * 0 - var(--fix));
    --c2: calc(var(--c) * 2 + var(--gap) * 1 - var(--fix));
    --c3: calc(var(--c) * 3 + var(--gap) * 2 - var(--fix));
    --c4: calc(var(--c) * 4 + var(--gap) * 3 - var(--fix));
    --c5: calc(var(--c) * 5 + var(--gap) * 4 - var(--fix));
    --c6: calc(var(--c) * 6 + var(--gap) * 5 - var(--fix));
    --c7: calc(var(--c) * 7 + var(--gap) * 6 - var(--fix));
    --c8: calc(var(--c) * 8 + var(--gap) * 7 - var(--fix));
    --c9: calc(var(--c) * 9 + var(--gap) * 8 - var(--fix));
    --c10: calc(var(--c) * 10 + var(--gap) * 9 - var(--fix));
    --c11: calc(var(--c) * 11 + var(--gap) * 10 - var(--fix));
    --c12: calc(var(--c) * 12 + var(--gap) * 11 - var(--fix));
    /* --------------------------------------------------------------------------------------------- Coloring */
    --main: #F8EDD3;
    --contrast: #54696E;
    --bg: #343434;
    --bgBlur: rgba(25, 25, 25, 0.8);
    /* --------------------------------------------------------------------------------------------- Fonts */
    --lineHeight: 1.2em;
    /* --fontGiant: 5rem; */
    --fontTitle: 2.2rem;
    /* --fontForm: 1.3rem; */
    --fontText: 1.3rem;
    --fontSmall: 0.8rem;
    /* --------------------------------------------------------------------------------------------- Effects */
    --blur: var(--m);
    --border: 5px;
    /* --------------------------------------------------------------------------------------------- Layer */
    --defaultWrapperW: 45dvw;
}

@media screen and (orientation: portrait) {
    :root {
        --defaultWrapperW: calc(100dvw - var(--mmmm));
    }
}