/* Habillage Quéleco (queleco/README.md, « Habillage »). Variables daisyUI 2 en HSL. Chargée avant
   la feuille de DocuSeal : chaque règle commence par html[data-theme] pour l'emporter. */

html[data-theme] {
  --n: 221 83% 53%;   /* bleu Quéleco #2563eb : boutons principaux, cases à signer */
  --nf: 224 76% 48%;  /* #1d4ed8 au survol */
  --nc: 0 0% 100%;    /* texte blanc sur le bleu */
  --b1: 36 33% 97%;   /* ivoire #faf8f5 */
  --b2: 36 20% 93%;
  --b3: 36 14% 88%;
  --bc: 240 6% 10%;   /* texte presque noir */
  --a: 221 83% 53%;   /* l'accent jaune de DocuSeal devient bleu */
  --af: 224 76% 48%;
  --ac: 0 0% 100%;
  --p: 36 20% 93%;
  --pf: 36 14% 88%;
  --pc: 240 6% 10%;
  --rounded-box: 12px;
  --rounded-btn: 10px;
  --rounded-badge: 999px;
  /* Fond ivoire à halos bleus, fixe sur toute la fenêtre. */
  min-height: 100%;
  background:
    radial-gradient(1000px 600px at 88% 0%, rgba(37, 99, 235, 0.11), transparent 65%),
    radial-gradient(700px 500px at 0% 100%, rgba(96, 165, 250, 0.10), transparent 60%),
    #faf8f5;
  background-attachment: fixed;
}

html[data-theme] body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html[data-theme] body { background: transparent !important; }

html[data-theme] :is(h1, h2, h3) { letter-spacing: -0.01em; }

/* Logo : le lockup officiel, à ses proportions (846,6 × 172,7), à la place du logo et du nom DocuSeal
   (en-têtes, signature et page « document signé »). */
html[data-theme] :is(a[href="/"].font-bold, a[href="/"]:has(> h1)) {
  display: inline-block !important;
  width: calc(var(--queleco-logo-h, 32px) * 4.902);
  height: var(--queleco-logo-h, 32px);
  background: url("/queleco/lockup-clair.svg") no-repeat center / contain;
  font-size: 0 !important;
}
html[data-theme] :is(a[href="/"].font-bold, a[href="/"]:has(> h1)) > * { display: none !important; }
html[data-theme] a[href="/"].mx-auto.font-bold { display: block !important; --queleco-logo-h: 36px; }
html[data-theme] a[href="/"]:has(> h1) { display: block !important; margin: 0 auto; --queleco-logo-h: 44px; }

/* Éditeur de modèles (admin) : le symbole seul, carré, à la place de l'icône DocuSeal. */
html[data-theme] a[href="/"]:not(.font-bold) > svg[viewBox="0 0 180 180"] { display: none; }
html[data-theme] a[href="/"]:not(.font-bold):has(> svg[viewBox="0 0 180 180"])::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/queleco/symbole.svg") no-repeat center / contain;
}

/* Champs : mêmes coins que les boutons, filet visible sur l'ivoire. */
html[data-theme] :is(.base-input, .input, .select, .textarea) {
  border-radius: var(--rounded-btn);
  --tw-border-opacity: 0.18;
}
html[data-theme] :is(.base-input, .input):focus { outline: 2px solid #2563eb; outline-offset: 1px; }

html[data-theme] :is(a.link, .link-primary) { color: #2563eb; }