/* =====================================================================
   STYLE « DIRECT » — thème du dépannage
   Pour qui : plombier, serrurier, électricien, dépanneur. Le client a un
   problème MAINTENANT. Il ne lit pas, il cherche un bouton.
   Parti pris : sombre et dense. Pas de grande photo de vitrine — un
   dépanneur n'en a pas de belle, et elle ferait perdre du temps. À la
   place, l'écran s'ouvre sur un triage : le client dit ce qui se passe.
   L'ambre est la couleur de l'alerte : elle ne sert QU'à l'action.

   Contrastes vérifiés sur le fond #121821 :
     texte #EEF2F6 ......... 15,84:1
     texte discret #9BA8B8 ... 7,37:1  (6,02:1 sur une carte)
     ambre #E08A1E ........... 6,64:1  (5,42:1 sur une carte)
     encre sur ambre ......... 6,64:1
     vert « ouvert » #4FB477 .. 6,90:1
     bordure #56708F ......... 3,49:1  (seuil 3:1 pour un élément cliquable)
   Aucune couleur en dur ailleurs : tout passe par ces jetons.
   ===================================================================== */
:root{
  /* FONDS — l'ardoise */
  --fond:#121821;
  --surface:#1A2330;      /* section alternée */
  --carte:#1E2A38;
  --carte-h:#26344A;

  /* ACCENT — l'ambre d'alerte, réservé à l'action */
  --accent:#E08A1E;
  --accent-h:#F09B2E;
  --accent-fonce:#C4770F;
  --sur-accent:#121821;   /* l'encre se pose sur l'ambre, jamais du blanc */

  /* TEXTE */
  --texte:#EEF2F6;
  --discret:#9BA8B8;

  /* TRAITS — la bordure porte des éléments cliquables : 3:1 minimum.
     Le filet, purement décoratif, peut rester discret. */
  --bord:#56708F;
  --filet:rgba(238,242,246,0.10);

  /* SIGNAL — « on est ouvert », et rien d'autre */
  --vert:#4FB477;
  --vert-voile:rgba(79,180,119,0.12);

  /* WhatsApp — imposé par la marque, ne pas changer */
  --wa:#25D366;
  --wa-h:#1FB457;
  --sur-wa:#07210F;       /* l'encre se pose sur le vert, pas du blanc */

  /* Les barres translucides : le fond à 92 % et 96 % */
  --voile:rgba(18,24,33,.92);
  --voile-hi:rgba(18,24,33,.96);

  /* TYPOGRAPHIE — deux polices, zéro monospace (règle n°2) */
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  /* RAYONS — angles nets, esthétique « plan technique » */
  --r-0:0;
  --r-1:2px;

  /* OMBRE — portée courte, pas molle */
  --ombre:0 10px 28px rgba(0,0,0,0.45);
}