/* ------------------------------------------------*/
/* ----------------- VARIABLES --------------------*/
/* ------------------------------------------------*/
:root {
  
    /* article variables */
    --article-max-width: 45rem; /*720px*/
    --avatar-size: 3rem;
}


/* ---------------------------------------------*/
/* ----------------- LAYOUT --------------------*/
/* ---------------------------------------------*/
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    .img_nav_logo {height:30px;width:auto;}
}
[data-bs-theme="dark"] .navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.4);
}

.navbar-brand,
.nav-link {
    color: var(--bs-body-color) !important;
}



/* --------------------------------------------------*/
/* ----------------- ARTICLE CSS --------------------*/
/* --------------------------------------------------*/
.article-container {
    max-width: var(--article-max-width);
}

.author-avatar {
    width: var(--avatar-size);
    height: var(--avatar-size);
}


/* GESTIONE immagini chiaro scuro*/
[data-bs-theme="dark"] .img-light { display: none; }
[data-bs-theme="dark"] .img-dark { display: block; }
[data-bs-theme="light"] .img-light { display: block; }
[data-bs-theme="light"] .img-dark { display: none; }