/*!
 * Styles partagés pour les pages embarquées dans l'iframe de démonstration.
 * Ce fichier reste volontairement léger : il sert surtout à harmoniser
 * l'arrière-plan et les barres de défilement lorsqu'on charge les pages
 * via home.html.
 */

:root {
    --iframe-bg-default: #f6f4ef;
}

body.iframe-embed {
    background-color: transparent;
}

body.iframe-embed,
body.iframe-embed * {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

body.iframe-embed ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body.iframe-embed ::-webkit-scrollbar-track {
    background: transparent;
}

body.iframe-embed ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 999px;
}

body.iframe-embed ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.35);
}