/*
 * apps/frenchtech/static/css/ft.css
 * ---------------------------------
 * CSS SPÉCIFIQUE à FrenchTech. La charte ZB (tokens, nav, cartes, tableaux,
 * boutons, formulaires) vient du socle : /shared-static/css/zbs.css.
 *
 * PÉRIMÈTRE :
 *  - pastilles des labels officiels (Next40, FT120, Impact) ;
 *  - pastilles de statut business (fusion licornes : active/acquise/cotee/…).
 *
 * CHOIX : les badges de label gardent les couleurs institutionnelles French
 * Tech (#003189 / #e8001d) — elles identifient le label, pas notre marque.
 * Tout le reste de l'app suit la charte ZB.
 *
 * PIÈGE : toutes ces classes se COMBINENT avec .zb-badge du socle (forme,
 * taille, typo). Ne définir ici que la couleur, sinon les badges divergent du
 * reste de l'écosystème.
 *
 * PIÈGE : ce fichier existe aussi pour que le dossier static/ soit versionné.
 * Sans lui, StaticFiles(directory=.../static) lève une RuntimeError au
 * démarrage du service (le dossier était absent du repo).
 */

:root {
    --ft-blue: #003189;
    --ft-red:  #e8001d;
}

/* Pastille de label officiel — se combine avec .zb-badge du socle */
.badge-next40,
.badge-ft120,
.badge-impact {
    border: 1px solid transparent;
}

.badge-next40 {
    background: rgba(0, 49, 137, 0.10);
    color: var(--ft-blue);
    border-color: rgba(0, 49, 137, 0.25);
}

.badge-ft120 {
    background: rgba(0, 49, 137, 0.05);
    color: var(--ft-blue);
    border-color: rgba(0, 49, 137, 0.15);
}

.badge-impact {
    background: rgba(232, 0, 29, 0.07);
    color: var(--ft-red);
    border-color: rgba(232, 0, 29, 0.20);
}

/*
 * Statut business (fusion licornes) — repris de l'ancien
 * apps/licornes_tracker/static/css/custom.css. Se combine avec .zb-badge.
 * Ne redéfinir ici que la couleur.
 */
.badge-active   { background: var(--zb-vert-bg);  color: var(--zb-vert); }
.badge-acquise  { background: var(--zb-bleu-200); color: var(--zb-bleu-700); }
.badge-cotee    { background: var(--zb-ambre-bg); color: var(--zb-ambre); }
.badge-disparue { background: var(--zb-rouge-bg); color: var(--zb-rouge); }
.badge-inconnue { background: var(--zb-mod-bg);   color: var(--zb-txt-dim); }