/* Jetons communs des Ressources humaines : logiciel RH de Nancy et application téléphone.
   Une seule façon d'identifier Saint Germain et Piazza Italia au premier coup d'œil (retour R1
   d'Alex, 31/10/2026) ; chaque surface garde sa charte (logiciel RH = Comptabilité, appli =
   Entre Patrons). Importer ce fichier, ne jamais recopier les valeurs.
   Sources : docs/identite/DESIGN_VALIDE_2026-10-28.md (bleu nuit Saint Germain #22365C, #304878
   refusé ; vert Piazza Italia #00843D) ; marketing/marca/MARCA_PI.md (rouge Piazza Italia #CE1C2E,
   « ne jamais mélanger avec les codes Saint Germain ») ; theme-comptabilite.css (or #BFAF82,
   couleurs d'état). Les valeurs ne changent pas entre Claro et Oscuro : ce sont des marques.
   Marque (Alex 31/10 : les vrais logos, le G bleu de Saint Germain et l'insigne au P de Piazza
   Italia, docs/identite/maquette-gestion/logos/sg_g.png et pi_insignia.svg, tirés de
   marketing/marca/identidad-visual) : <span class="marca logo sg"><img src="…/sg_g.png"></span>,
   même chose avec pi ; la Planta garde le mot : <b class="marca planta">Planta</b>.
   Avatar ou ligne : ajouter m-sg, m-pi ou m-planta à l'élément ; liseré de ligne : bord-marca. */
:root {
  --rh-sg: #22365c;        /* bleu nuit Saint Germain */
  --rh-sg-or: #bfaf82;     /* or Saint Germain */
  --rh-pi: #00843d;        /* vert Piazza Italia */
  --rh-pi-blanc: #ffffff;  /* blanc Piazza Italia */
  --rh-pi-rouge: #ce1c2e;  /* rouge Piazza Italia */
  --rh-planta: #475467;    /* gris Planta 8 de Octubre (= --b2b de la Comptabilité) */
  --rh-admin: #22365C;     /* Administración (Alex 31/10 : ni la Planta ni un local) = bleu nuit du menu */
  --rh-sur-marque: #ffffff;
  /* États de présence (En vivo, appli) : présent, plus tard, absent, en arrêt. */
  --rh-present: #027a48;
  --rh-plus-tard: #e27308;
  --rh-absent: #b42318;
  --rh-arret: #6b7280;
  --rh-police: "Outfit", system-ui, sans-serif;
}
.marca {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  border-radius: 6px; padding: 1px 7px; font-size: 11.5px; font-weight: 700;
  letter-spacing: .03em; line-height: 1.5; color: var(--rh-sur-marque);
}
/* Logo sur pastille blanche, identique en Claro et Oscuro : le G bleu et le P vert restent lisibles. */
.marca.logo { padding: 1px; border-radius: 6px; background: #ffffff; }
.marca.logo img { display: block; width: 22px; height: 22px; }
.marca.planta { background: var(--rh-planta); }
.marca.admin { background: var(--rh-admin); }
.m-sg { --rh-m: var(--rh-sg); --rh-m2: var(--rh-sg-or); }
.m-pi { --rh-m: var(--rh-pi); --rh-m2: var(--rh-pi-rouge); }
.m-planta { --rh-m: var(--rh-planta); --rh-m2: var(--rh-planta); }
.m-admin { --rh-m: var(--rh-admin); --rh-m2: var(--rh-admin); }
.bord-marca { box-shadow: inset 4px 0 0 var(--rh-m); }
/* Pastille texte des maquettes de l'application téléphone (docs/rh/appli-movil), en attendant les logos. */
.marca.sg:not(.logo) { background: var(--rh-sg); box-shadow: inset 0 0 0 1.5px var(--rh-sg-or); }
.marca.pi:not(.logo) { background: var(--rh-pi); }