/* HUB SSE – charte graphique LIZ France / Groupe LTT. Fournie par le HUB : les outils la chargent, ne la recopient pas. */
@font-face { font-family: "Inter Tight"; font-weight: 300 800; font-display: swap; src: local("Inter Tight"), local("InterTight-Regular"); }  /* pour embarquer la police : déposer commun/polices/InterTight.woff2 et ajouter url("/commun/polices/InterTight.woff2") format("woff2") ici */
:root {
  --rouge: #E4032E;          /* réservé au symbole LIZ et aux messages d'arrêt ou de danger */
  --rouge-texte: #C1001F;
  --noir: #111111;
  --nuit: #1A0204;
  --grege: #E9E5DD;
  --grege-clair: #F4F1EC;
  --sable: #BEB091;
  --texte2: #57514B;
  --blanc: #FFFFFF;
  --rayon: 14px;
  --police: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--grege-clair); color: var(--noir); font-family: var(--police); font-size: 16px; line-height: 1.5; }
h1, h2, h3 { font-weight: 600; line-height: 1.15; margin: 0; }
a { color: var(--noir); }
.bouton, button.bouton { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 0; border-radius: var(--rayon);
  background: var(--noir); color: var(--blanc); font: 600 17px var(--police); text-decoration: none; cursor: pointer; }
.bouton:hover { background: #2a2a2a; }
.bouton.secondaire { background: var(--blanc); color: var(--noir); border: 1px solid var(--sable); font-weight: 500; }
.bouton.secondaire:hover { background: var(--grege-clair); }
.bouton[disabled] { opacity: .55; cursor: default; }
:focus-visible { outline: 3px solid var(--noir); outline-offset: 2px; }
.champ { display: flex; flex-direction: column; gap: 6px; }
.champ label { font-size: 15px; font-weight: 500; }
.champ input { height: 52px; border: 1px solid var(--sable); border-radius: 12px; padding: 0 14px; font: 17px var(--police); color: var(--noir); background: var(--blanc); width: 100%; }
.message { padding: 10px 14px; border-radius: 10px; font-size: 15px; background: var(--grege); }
.message.arret { background: #fff5f6; border-left: 3px solid var(--rouge); color: var(--rouge-texte); }
.cache { display: none !important; }
.page-simple { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
.carte-simple { background: var(--blanc); border: 1px solid var(--grege); border-radius: var(--rayon); padding: 28px 24px; max-width: 480px; width: 100%; display: flex; flex-direction: column; gap: 14px; }
.carte-simple h1 { font-size: 26px; }
.carte-simple p { margin: 0; color: var(--texte2); }