/* 1) Cacher la scrollbar mais garder le scroll */
html,
body {
    -ms-overflow-style: none;
    /* IE/Edge legacy */
    scrollbar-width: none;
    /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Edge */
}


:root {
    --bg:#FFFFFF; /*#f2f4f7; #fbfaf6; */
    --bg-card: #F9FAFB;
    --menu-bg:#111056;
    --menu-color:#FFFFFF;
    --sidebar-bg: #F9FAFB;
    --sidebar-color: #9997B4;
    --text: #1f1f1f;
    --muted: #777;
    --bg-hover: #f3f0e4;
    --border:#ECECEF; /*#f3f0e4;*/
}


/* gestion des theme */
.site-theme[data-theme='default'] .theme-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-menu {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-text {
    font-family: 'Lora', serif;
    line-height: 1.6;
}

.site-theme[data-theme='default'] .theme-artist {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #777;
}

.site-theme[data-theme='default'] .theme-mutted {
    font-family: 'Oswald', sans-serif;
    color: #777;
}

.site-theme[data-theme='default'] .theme-copyright {
    font-family: 'Lora', serif;
    line-height: 1.6;
}

.site-theme[data-theme='default'] .theme-btn {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-btn:hover,
.site-theme[data-theme='default'] .theme-btn.active,
.site-theme[data-theme='default'] .theme-btn div.active {
    color: var(--bg) !important;
    background: var(--text) !important;
}

.modal-theme[data-theme='default'] .theme-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* notify */
.notifyjs-corner {
    z-index: 9999 !important;
}


/* Mobile */
@media (max-width: 576px) {}


/* Tablette */
@media (max-width: 768px) {}

/* Laptop */
@media (max-width: 1360px) {}