/*
:filename: statics.css.cid.css
:author: Brigitte Bigi
:contact: contact@sppas.org
:license: CC-By-NC

*/

:root:not(.contrast) {
    --border-radius: 0.4rem;
    --dialog-border-radius: 0.4rem;
}

.contrast {
    --border-radius: 0.6rem;
    --dialog-border-radius: 0.6rem;
}

:root:not([data-theme=dark]), [data-theme=light] {
    --buttons-bg-color: linear-gradient(120deg, rgb(210, 210, 250) 0%, rgb(233, 233, 242) 50%, rgb(241, 223, 245) 100%);
    --buttons-fg-color: rgb(20, 20, 80);
    --border-color: #ccd5e0;
    --link-color: #2a6fbe;
}

@media screen {
    .dark {
        --buttons-bg-color: linear-gradient(120deg, rgb(1, 1, 59) 0%, rgb(31, 3, 87) 50%, rgb(49, 2, 92) 100%);
        --buttons-fg-color: #f3f8fa;
        --a-color: #55ccff;
        --border-color: rgb(100, 120, 170);
    }
}

/* Increase the bg/fg contrast of some colors in the default mode */
.contrast:not(.dark) {
    --a-color: rgb(0, 70, 100);
}



.note {
    display: none;
}

dialog.popup-video {
    height: 90vh;
}

video {
    max-height: 95%;
}

.center {
    text-align: center;
    margin: auto;
}
.small-logo  {
    max-height: 3rem;
    width: auto;
}

.no-margin {
    margin: 0 !important;
}

.slides-nav-btn {
    background: linear-gradient(120deg, rgb(210, 210, 250) 0%, rgb(233, 233, 242) 50%, rgb(241, 223, 245) 100%);
}