/* TAT Academy : fiches formation (formation-*.html). Chargé après css/tat-base.css. */
:root{
  --ink:var(--tat-ink);--ink2:var(--tat-mu);--muted:var(--tat-mu2);
  --bg:var(--tat-white);--surface:var(--tat-ivory2);--white:#fff;
  --blue:var(--tat-cin);--cin:var(--tat-cin);
  --green:var(--tat-green);--green-pale:var(--tat-green-pale);
  --border:var(--tat-bd-l);--border2:var(--tat-bd);
  --accent:var(--tat-cin);--accent-pale:var(--tat-cin-pale);
  --font-serif:var(--tat-serif);--font-sans:var(--tat-sans);
}
body{background:var(--tat-white);color:var(--tat-ink);font-family:var(--tat-sans)}

/* Bandeau du haut : photo sous un voile brun-noir uni, sans dégradé bleu */
.hero-bg{background:var(--tat-ink)}
.hero-overlay{background:rgba(35,30,27,.6)}
.info-bar{background:rgba(35,30,27,.55)}
.page-breadcrumb{background:var(--tat-ink)}
.hero-ref{font-family:var(--tat-mono)}

/* Titres */
.hero h1,.related-title{font-family:var(--tat-serif);font-weight:400;letter-spacing:-.015em;font-variation-settings:"opsz" 60}
.pb-price{font-family:var(--tat-serif);font-weight:400;letter-spacing:-.01em}

.price-box{background:var(--tat-ink)}
footer{background:var(--tat-ink)}

/* Couleurs propres à chaque formation écrites dans la page : ramenées aux couleurs TAT */
.hero-bg[style]{background:var(--tat-ink)!important}
.obj-dot[style]{background:var(--tat-cin)!important}
.rel-meta span[style]{color:var(--tat-ink)!important}

/* Mobile : la grille du contenu ne doit pas s'élargir au-delà de l'écran (onglets) */
.page-body>*{min-width:0}