:root {
    /* --primaire: var(--ocre-pale); */
    --secondaire: var(--ocre-pale);
    --tertiaire: var(--marron);
    --fond: var(--beurre);
}

.layout-shell__left::-webkit-scrollbar-thumb {
    background: var(--secondaire);
}

.layout-shell__left {
    scrollbar-color: var(--secondaire) transparent;
}

body {
    background-color: var(--fond);
    color: var(--secondaire);
}

/* couleur logo */
.site-logo-svg {
    fill: var(--secondaire);
}

header nav a,
nav .cart-count,
h1.layout-shell__title {
    color: var(--secondaire)
}

.layout-shell__left-content {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 50%;
}

.legal-modified {
    text-transform: lowercase;
}

/* colonne de droite */
.layout-shell__right {
    background-color: var(--gris-pale);
    color: var(--anthracite);
    padding: var(--margin-big);
}

.legal-content a {
    color: var(--tertiaire);
}

.legal-content p {
    text-indent: var(--big-col);
    text-align: left;
    widows: 2;
    orphans: 2;

    min-height: 1em;
}

.legal-content p:first-of-type,
.legal-content p.is-empty+p {
    text-indent: 0;
}

.legal-content ul {
    list-style-type: none;
}

.legal-content li {
    margin-left: var(--big-col);
    text-indent: -1.55em;
}

.legal-content li::before {
    content: "–";
    margin-right: 1em;
}

@media (max-width: 768px) {

    body {
        background-color: var(--gris-pale);
    }

    .layout-shell__left {
        background-color: var(--fond);
    }

    .header-mobile__hamburger svg,
    .header-mobile__cart svg {
        fill: var(--secondaire);
    }

    .header-mobile__cart .cart-count {
        color: var(--secondaire);
    }


    .layout-shell__left-content {
        position: relative;
        width: 100%;
    }
}