/*button accessible*/
.navbar-brand {
    color: var(--color-white);
}
/*slider switch css */
:root {
    --primary-color: #302AE6;
    --secondary-color: #000;
    --color-night: #243844; /*bleu nuit*/
    --color-white: #fff; /* white*/
    --font-color: #424242; /*gris anthracite*/
    /**/
    --heading-color: #000;
    --footer-color: #596CB1;
    --prefooter-color:#e0e0e0;
    --default-color: #424646;
    /**/
    --bg-color-cream: #F6F7FB;
    --bg-color-item: #596CB1;
    --bg-color-item-secondary: #8f0050;
    --bg-color: #fff;
    /**/
    --bg-price: #596CB1;
}

[data-theme="dark"] {
    --primary-color: #9A97F3;
    --secondary-color: #fff;
    --font-color: #e1e1ff;
    --color-night: #fff;
    --color-white: #243844; /* white*/
    --bg-color: #161625;
    --bg-color-cream: transparent;
    --heading-color: #fff;
    --footer-color: #283444;
    --prefooter-color: #283444;
    --default-color: #fff;
    --bg-color-item: #596CB1;
    --bg-color-item-secondary: #fff;
    --bg-price: #fff;
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
    /*max-width: 90%;*/
    margin: 0 auto;
    /*font-size: calc(1rem + 0.25vh);*/
}
.prefooter {
    background-color: var(--prefooter-color);
}
footer {
    background-color: var(--footer-color);
    /*color: var(--font-color);*/
    color: #fff;
}

h1 {
    color: var(--heading-color);
    font-size: 3.5vh;
    margin-bottom: 1vh;
}

h2 {
    color: var(--secondary-color);
    font-size: 2rem;
    margin-bottom: 1vh;
}

h3, h3 a {
    color: var(--heading-color);
    font-size: 1.6rem;
}

h4, h4 a {
    color: var(--secondary-color);
    font-size: 1.3rem;
}

/*p, span,*/ a {
    color: var(--default-color);
}
table {
    color:inherit!important;
}
.btn {
    background: var(--bg-color-item);
}
.btn-inverse {
    background: var(--bg-color-item-inverse);
}
.btn-link {
    color: var(--heading-color);
}
    .btn-link:hover {
        color: var(--heading-color) !important;
    }

.card, .bgcolor {
    background: var(--bg-color-cream);
}
a.Author, .Author {
    color: var(--bg-price);
    font-size: 16px;
}
.TitleFooter, .TitleCategorie {color:#fff;font-size:2em;
}
.TitleBook a, .TitleBook {
    font-weight: 700;
    margin: 0;
    color: var(--heading-color);
    font-size: 1.4rem;
}