// Note : Quarto décale les titres d'un niveau (## -> niveau 1, ### -> niveau 2).
// Gabarit commun des supports : couleurs, titres, en-tête et pied de page.
#let bleu-formation = rgb("#1a5fb4")
#let gris-doux = rgb("#6b7280")

#set page(
  header: context {
    if counter(page).get().first() > 1 [
      #set text(size: 8pt, fill: gris-doux)
      Formation ESP32-S3 avec Arduino Framework
      #h(1fr)
      #document.title
      #v(-4pt)
      #line(length: 100%, stroke: 0.4pt + gris-doux)
    ]
  },
  footer: context [
    #set text(size: 8pt, fill: gris-doux)
    #h(1fr)
    #counter(page).display("1 / 1", both: true)
  ],
)

#show heading.where(level: 1): it => block(above: 1.6em, below: 0.8em, width: 100%)[
  #set text(size: 14pt, weight: "semibold", fill: bleu-formation)
  #it.body
  #v(-6pt)
  #line(length: 100%, stroke: 0.6pt + bleu-formation.lighten(60%))
]
#show heading.where(level: 2): set text(size: 11.5pt, weight: "semibold", fill: bleu-formation)
#show heading.where(level: 2): set block(above: 1.3em, below: 0.6em)

// Code : le fond et les couleurs viennent du thème modele/code.theme
#show raw: set text(size: 8.5pt)

// Tableaux : en-tête bleu
#set table(
  stroke: 0.5pt + rgb("#d0d7de"),
  fill: (_, y) => if y == 0 { bleu-formation } else if calc.even(y) { rgb("#f6f8fa") },
)
#show table.cell.where(y: 0): set text(fill: white, weight: "bold")

#show figure.caption: set text(size: 8.5pt, style: "italic", fill: gris-doux)

// Texte des tableaux aligné à gauche (la justification crée des blancs dans les colonnes étroites)
#show table: set par(justify: false)

// Figures : pleine largeur par défaut (une largeur explicite dans le .qmd reste prioritaire)
#set image(width: 100%)