/* Design tire : modele outil-a-panneaux, palette lumiere-bleue, polices savant, ambiance services-artisans -- engendre depuis regles/design-applications.json
   (applications_clients, revision 2026-10-13) par harnais/guide_depuis_catalogue.py.
   Relie-le dans <head>, apres le lien des polices et AVANT design-fondation.css.
   Ne le retouche pas ; si la demande impose ses couleurs, reecris-le EN ENTIER
   en gardant ce commentaire. */
:root{
  color-scheme: light;
  --fond: #F3F7FD;
  --surface: #FFFFFF;
  --texte: #0F2340;
  --texte-doux: #44546C;
  --accent: #1767AE;
  --sur-accent: #FFFFFF;
  --accent-2: #DCD9F7;
  --bordure: #D6E2F0;
  --police-titres: "Source Serif 4", Georgia, "Times New Roman", serif;
  --police-texte: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --arrondi: 8px;
  --arrondi-pastille: 999px;
  --ombre-couleur: rgba(15,23,42,0.14);
  --ombre-taille: 4px;
  --lettres-titres: 0.01em;
  --texte-sur-photo: #ffffff;
  --assombri-photo: rgba(0,0,0,0.6);
  --danger: #b3261e;
}
body{background:var(--fond);color:var(--texte);font-family:var(--police-texte)}
h1,h2,h3{font-family:var(--police-titres)}
h1{font-size:clamp(2rem,1.1rem + 4.5vw,4.5rem);line-height:1.08;overflow-wrap:anywhere;hyphens:auto;max-width:100%}
header>*,header>*>*{min-width:0}
img,svg{max-width:100%}
.vignette{flex:none;width:72px;height:72px;display:grid;place-items:center;border-radius:var(--arrondi);background:var(--surface);color:var(--accent)}
.vignette svg{width:40px;height:40px}
.jours{display:flex;flex-wrap:wrap;gap:8px}
.jours>*{flex:0 0 auto}
.retour{margin-top:10px;padding:10px 14px;border-radius:var(--arrondi);background:var(--accent-2);color:var(--texte)}
.retour:empty{display:none}
.retour.erreur{background:var(--surface);color:var(--texte);border-left:4px solid var(--danger);font-weight:600}
.a-remplacer{margin:6px 0 12px;padding:8px 12px;border-left:4px solid var(--accent);background:var(--surface);color:var(--texte)}