/* Surcharge client Fives — voir Fives Corporate Style Guide 2026 */
/* Écrase les valeurs de /static/styles/specific.css héritées d'un autre client (jaune #fce200, bleu #0b5ed7, police quicksand). */

@font-face {
    font-family: "Archer";
    src: url("/static/client/fonts/Archer-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Archer";
    src: url("/static/client/fonts/Archer-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Universalis";
    src: url("/static/client/fonts/UniversalisADFStd-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Universalis";
    src: url("/static/client/fonts/UniversalisADFStd-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

:root {
    --client-font: "Archer", Georgia, serif; /* h1-h6 (specific.css) : typographie de titres Fives */
}

/* Texte courant : Universalis à la place d'Archer là où specific.css réutilise --client-font pour du corps de texte */
.no-results p,
.legal-page,
.a-propos,
#loading_container .percentage {
    font-family: "Universalis", Arial, "Helvetica Neue", sans-serif;
}

/* Couleurs de marque (spécifique.css utilisait #fce200 / #0b5ed7 en dur) */
.file-btn {
    background: var(--bs-primary);
}

.file-btn:hover {
    background: var(--bs-dark);
}

#arrow {
    color: var(--bs-primary);
}

input:focus-visible,
input:focus {
    outline: var(--bs-primary) solid 2px !important;
}

.upload-zone:hover,
.upload-zone.dragover {
    background: rgba(175, 0, 124, 0.05); /* Fives Purple */
}

/* Neutres alignés sur la palette Grey 1 / Grey 2 de la charte */
.header-tooltip .tooltip-inner,
.header-tooltip-wheel .tooltip-inner,
.back-tooltip .tooltip-inner {
    background-color: #ECECEC; /* Grey 1 */
}

.header-tooltip .tooltip-arrow::before {
    border-bottom-color: #ECECEC !important;
}

.header-tooltip-wheel .tooltip-arrow::before {
    border-left-color: #ECECEC !important;
}

.back-tooltip .tooltip-arrow::before {
    border-top-color: #ECECEC !important;
}

.loader-circle {
    border-color: #ECECEC; /* Grey 1 */
}

lod-search-bar .ts-control {
    border-color: #B2B2B1 !important; /* Grey 2 */
}