/* Charte Caviardeur — source unique, partagée par le site (caviardeur.fr) et l'application
   (app.caviardeur.fr, qui la sert sous /charte/ : copiée dans l'image Docker, jamais via un CDN).
   Changer une couleur ici la change partout. Bleu profond, bleu action, fonds ciel très clairs,
   angles courts, Source Sans. */
:root {
  --marine:#000E9C; --action:#0050D7; --action-h:#003AA5;
  --ciel:#F5FEFF; --ciel-2:#E5F7FF; --brume:#EEF3FF; --blanc:#FFFFFF;
  --encre:#0F1745; --texte:#3B4470; --muted:#6B7394; --ligne:#D9E1F5; --ligne-2:#C4CEEA;
  --caviard:#0B0F1A; --balise:#FFF3C4; --balise-ink:#5C4400;
  --ok:#1E8449; --ok-bg:#E6F5EB; --alerte:#B8541F; --alerte-bg:#FBEEE6;
  --erreur:#B3261E; --erreur-bg:#FBEAE9;
  --r:6px; --r-lg:10px; --shadow:0 6px 24px rgba(0,14,156,.08);
  --sans:"Source Sans 3","Source Sans Pro","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}

/* Logo : la barre noire du caviardage, et la balise jaune. */
.logo { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--marine); font-weight:700; font-size:22px; letter-spacing:-.01em; }
.logo.small { font-size:20px; }
.logo .mark { width:30px; height:30px; border-radius:6px; background:var(--marine); position:relative; display:inline-block; flex:none; }
.logo .mark::before,.logo .mark::after { content:""; position:absolute; left:6px; right:6px; height:4px; background:#fff; border-radius:2px; }
.logo .mark::before { top:9px; } .logo .mark::after { top:17px; right:12px; background:#FFD447; }
.logo .tld { color:var(--muted); font-weight:400; }