:root {
    /*Définition des couleurs*/
    --couleur-marron: #310c1a;
    --couleur-marron_rgb: 49, 12, 26;
    --couleur-orange: #e84c1f;
    --couleur-orange-rgb: 232, 76, 31;
    --couleur-beige: #f6f0e9;
    --couleur-bleu: #afceee;
    --couleur-bleu-rgb: 175, 206, 238;
    --couleur-rose: #f9cdef;
    --couleur-rose-rgb: 249, 205, 239;
    --couleur-sable:#d5c1a7;
    --couleur-jaune: #f4efa8;
    --couleur-jaune-rgb: 244, 239, 168;
    --couleur-peche:#f8bf9b;
    --couleur-peche-rgb: 248, 191, 155;
    --couleur-vert: #aecebe;
    --couleur-vert-rgb: 174, 206, 190;
}


/* Titre de page des pages propres à Covetonet (profil, nous contacter) : même rendu que les pages du bundle
   (catalogue, panier... : .coveto-page-title de CovetoOrderBundle order.css, police Gloock + étoile orange).
   Repris ici car order.css n'est chargé que par les pages du bundle (il ajoute une marge en bas de body). */
@font-face {
    font-family: 'Coveto-Gloock';
    src: url('../bundles/coveto/fonts/Gloock-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.coveto-page-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0;
    font-family: 'Coveto-Gloock', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
}

.coveto-page-title-logo {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

@media (max-width: 575.98px) {
    .coveto-page-title {
        font-size: 1.35rem;
    }
}