/* ============================================================
   lb4tech.css — adaptation Furo (au-delà du mapping de couleurs
   fait dans conf.py). À placer dans _static/ et charger via
   html_css_files (après les polices).
   Les valeurs de marque viennent de assets/tokens.css.
   ============================================================ */

/* --- Tokens lb4tech (clair) ------------------------------------------ */
:root{
  --lb4-accent:#ffd320; --lb4-accent-strong:#f0c200; --lb4-accent-bright:#ffe066;
  --lb4-ink:#1b1914; --lb4-glow:rgba(255,211,32,.50);
  --lb4-success:#1f9e6f; --lb4-info:#3b7dd8; --lb4-warning:#e8770f; --lb4-danger:#d83b5e;
}
/* --- Tokens lb4tech (sombre) — on suit la stratégie de Furo ---------- */
@media (prefers-color-scheme: dark){
  body:not([data-theme="light"]){
    --lb4-success:#35c98d; --lb4-info:#6fa8e8; --lb4-warning:#f59a3c; --lb4-danger:#ef6080;
  }
}
body[data-theme="dark"]{
  --lb4-success:#35c98d; --lb4-info:#6fa8e8; --lb4-warning:#f59a3c; --lb4-danger:#ef6080;
}

/* --- Titres : un peu plus serrés ------------------------------------- */
h1,h2,h3,h4{ letter-spacing:-.01em; }

/* --- Liens : soulignement discret ------------------------------------ */
.content a, article a{ text-underline-offset:2px; text-decoration-thickness:1px; }

/* --- Blocs de code : filet d'accent (= couleur d'univers) ------------ */
.highlight{
  border-left:3px solid var(--color-brand-primary);
  border-radius:6px;
}
.highlight pre{ border-radius:0 6px 6px 0; }

/* --- Tableaux : en-têtes en micro-libellés mono ---------------------- */
table.docutils thead th{
  font-family:var(--font-stack--monospace);
  text-transform:uppercase; letter-spacing:.1em; font-size:.78em;
  color:var(--color-foreground-muted);
}

/* --- Admonitions mappées sur les statuts lb4tech --------------------- */
/* Furo expose --color-admonition-title et --color-admonition-title-background
   par type. Fond en alpha → fonctionne en clair ET en sombre. */
.admonition.note, .admonition.seealso{
  --color-admonition-title:var(--lb4-info);
  --color-admonition-title-background:rgba(59,125,216,.15);
}
.admonition.tip, .admonition.hint{
  --color-admonition-title:var(--lb4-success);
  --color-admonition-title-background:rgba(31,158,111,.15);
}
.admonition.important{
  --color-admonition-title:var(--lb4-danger);
  --color-admonition-title-background:rgba(216,59,94,.15);
}
.admonition.warning, .admonition.attention, .admonition.caution{
  --color-admonition-title:var(--lb4-warning);
  --color-admonition-title-background:rgba(232,119,15,.15);
}

/* --- Micro-libellé (utilitaire) -------------------------------------- */
.lb4-label{
  font-family:var(--font-stack--monospace); font-size:.72rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--color-foreground-muted);
}

/* --- Étiquette d'univers --------------------------------------------- */
.lb4-tag{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-stack--monospace); font-size:.72rem; font-weight:500;
  letter-spacing:.07em; text-transform:uppercase;
  color:var(--color-brand-content);
  background:color-mix(in srgb, var(--color-brand-primary) 16%, transparent);
  border-radius:999px; padding:.3em .8em;
}

/* --- Bouton d'action : TOUJOURS jaune + texte encre ------------------ */
/* Règle lb4tech : le jaune porte l'action, quel que soit l'univers.
   À utiliser via .. raw:: html ou sphinx-design (class="lb4-cta"). */
.lb4-cta, a.lb4-cta{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-stack); font-weight:500; font-size:.95rem;
  color:var(--lb4-ink); text-decoration:none;
  background:linear-gradient(180deg, var(--lb4-accent-bright), var(--lb4-accent));
  border:1px solid var(--lb4-accent-strong); border-radius:10px;
  padding:.6em 1.1em; box-shadow:0 10px 26px -8px var(--lb4-glow);
  transition:transform .15s ease;
}
.lb4-cta:hover{ transform:translateY(-1px); color:var(--lb4-ink); }

/* --- Logo dans la barre latérale ------------------------------------- */
.sidebar-logo{ max-width:160px; }

/* --- Retour au portail (composant sidebar/portail.html) -------------- */
/* Discret : c'est une sortie, pas une destination. Il s'aligne sur la
   marque au-dessus et prend la couleur d'univers au survol. */
.lb4-portail{
  padding:0 var(--sidebar-item-spacing-horizontal,1rem);
  margin:-.4rem 0 .6rem;
}
.lb4-portail a{
  display:inline-flex; align-items:center; gap:.4em;
  font-size:var(--font-size--small,.9rem);
  color:var(--color-foreground-muted);
  text-decoration:none;
}
.lb4-portail a:hover{ color:var(--color-brand-content); }
.lb4-portail-icone{ font-size:1.15em; line-height:1; }