/*
 * DSIA Conseil - surcharge du theme DaisyUI "docuseal".
 *
 * DocuSeal 3.2.x utilise DaisyUI 3 : les couleurs du theme sont des variables CSS
 * en composantes HSL sans hsl() (ex: --p: 215 60% 14%), consommees en hsl(var(--p) / alpha).
 * Le selecteur html[data-theme] est plus specifique que [data-theme] genere par DaisyUI,
 * donc nos valeurs gagnent meme si ce fichier est charge avant le pack CSS.
 *
 * Valeurs issues de dsia-conseil-git/src/themes/corporate-v1/tokens.css :
 *   navy   215 60% 14%   (texte, boutons principaux)
 *   orange  29 100% 50%  (accent)
 *   gris   220 14% 96% / 220 14% 90% (surfaces, bordures)
 *
 * Fragile par nature : si DaisyUI change de format de variables (v4 = oklch),
 * ce fichier est a refaire. Le reste de l'overlay ne depend pas de lui.
 */
html[data-theme="docuseal"] {
  --p: 215 60% 14%;
  --pf: 215 60% 10%;
  --pc: 0 0% 100%;

  --s: 29 100% 50%;
  --sf: 29 100% 42%;
  --sc: 0 0% 100%;

  --a: 29 100% 50%;
  --af: 29 100% 42%;
  --ac: 0 0% 100%;

  --n: 215 60% 14%;
  --nf: 215 60% 10%;
  --nc: 0 0% 100%;

  --b1: 0 0% 100%;
  --b2: 220 14% 96%;
  --b3: 220 14% 90%;
  --bc: 215 60% 14%;

  --rounded-btn: 0.5rem;
}

/*
 * Editeur de template (application Vue compilee, app/javascript/template_builder/builder.vue).
 * Le logo DocuSeal y est un SVG inline dans <a href="/"> du conteneur #title_container,
 * sans option pour le desactiver. On masque le SVG et on affiche le mark DSIA en fond du lien.
 * Depend de la structure du builder : a revérifier a chaque montee de version (voir README).
 */
#title_container a[href="/"] {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/dsia-mark.png") center / contain no-repeat;
  border-radius: 9px;
  flex-shrink: 0;
}

#title_container a[href="/"] > svg {
  display: none;
}