/* ==========================================================
   STUDIO MANAGER / ARCAMONE CREATIONS
   CHARTE GRAPHIQUE V1
========================================================== */

/* ---------- Couleurs ---------- */

:root{

    --color-black:#000000;
    --color-dark:#2A2A2A;
    --color-gray:#464646;
    --color-light:#E6E1DD;
    --color-accent:#C38C47;

}

/* ---------- Typographie ---------- */

body{

    background:var(--color-black);
    color:var(--color-light);

    font-family:"Inter",sans-serif;
    font-size:1rem;
    line-height:1.7;

}

h1,h2,h3,h4,h5,h6{

    font-family:"Cormorant Garamond",serif;
    color:var(--color-accent);
    font-weight:600;
    letter-spacing:.03em;

}

h1{

    font-size:4rem;

}

h2{

    font-size:3rem;

}

h3{

    font-size:2rem;

}

p{
    color:inherit;
}

a{

    color:var(--color-accent);
    text-decoration:none;
    transition:.3s;

}

a:hover{

    color:white;

}
/* ==========================================================
   NAVBAR
========================================================== */

.navbar{

    background:#000 !important;

}

.navbar-brand{

    font-family:"Cormorant Garamond",serif;
    font-size:2rem;
    font-weight:600;

}

.brand-title{

    color:var(--color-accent);

}

.nav-link{

    color:var(--color-light)!important;

    font-weight:500;

    margin-left:1rem;

    transition:.3s;

}

.nav-link:hover{

    color:var(--color-accent)!important;

}

.navbar-toggler{

    border-color:var(--color-accent);

}

.navbar-toggler:focus{

    box-shadow:none;

}
/* ---------- Boutons ---------- */

.btn{

    border-radius:0;
    transition:.3s;

}

.btn-primary{

    background:var(--color-accent);
    border-color:var(--color-accent);
    color:black;

}

.btn-primary:hover{

    background:black;
    color:var(--color-accent);
    border-color:var(--color-accent);

}

.btn-outline-light:hover{

    color:black;

    background:var(--color-accent);

    border-color:var(--color-accent);

}

/* ---------- Cards ---------- */

.card{

    border:none;
    border-radius:0;
    overflow:hidden;

}

.card-title{

    font-family:"Cormorant Garamond",serif;

}

/* ---------- Images ---------- */

img{

    max-width:100%;
    height:auto;

}

/* ---------- Galerie Masonry ---------- */

.masonry-gallery{

    columns:3;

    column-gap:1.5rem;

}

.masonry-item{

    break-inside:avoid;

    margin-bottom:1.5rem;

}

.masonry-item img{

    width:100%;

}

@media(max-width:992px){

    .masonry-gallery{

        columns:2;

    }

}

@media(max-width:576px){

    .masonry-gallery{

        columns:1;

    }

}
.page-light{
    background:var(--color-light);
    color:var(--color-dark);
}

.page-light p,
.page-light .lead{
    color:var(--color-dark);
}

.page-light h1,
.page-light h2,
.page-light h3{
    color:var(--color-accent);
}

.page-light .card{
    background:#fff;
    color:var(--color-dark);
}

.legal-content{

    max-width:900px;

    line-height:1.9;

}

.legal-content h2{

    margin-top:3rem;

}

.legal-content strong{

    color:var(--color-accent);

}