/* Charte de la page livret (/livret-premium) reprise sur le créateur de site (03/11/2026, demande de Nico).
   Ne touche pas à l'aperçu du site composé (iframe) : seulement la page autour. */
:root{--ink:#24263a;--muted:#6b6d7a;--line:#e7e0d3;--purple:#303b80;--paper:#faf8f4}
body{background:#faf8f4!important;color:#24263a}
.intro h1,.next h2,.craft h2,.gallery h2,.section-heading h2{color:#303b80}
.intro h1 em,.next h2 em,.craft h2 em,.gallery h2 em,.section-heading h2 em{color:#a8794b!important}
.eyebrow{color:#a8794b!important}
.workbench{border-color:#e7e0d3!important;border-radius:18px!important}
.output{background:#f0ebe2!important}
.next{background:#f0ebe2!important;border-radius:22px!important}
.offre{border-color:#e7e0d3!important;border-radius:16px!important}
.offre.mise{border:1.5px solid #303b80!important;box-shadow:0 0 0 2px #303b80 inset!important;background:#f6f5fb!important}
.offre h3{color:#303b80}
.offre .prix{font-family:Georgia,"Times New Roman",serif!important;color:#303b80!important}
/* Boutons : principal jaune arrondi, secondaire contour indigo arrondi */
.compose{background:#ffd43b!important;color:#1e2556!important;border-radius:999px!important;font-weight:800!important}
.compose:hover{background:#ffc800!important}
.compose span{color:#1e2556!important}
.rediger{border-radius:999px!important;border:1.5px solid #303b80!important;color:#303b80!important;background:transparent!important}
.rediger:hover{background:#303b80!important;color:#fff!important}
.rediger:hover span{color:#fff!important}
/* Choix actifs (métier, palette, ambiance) en indigo */
[aria-pressed="true"],.on[aria-pressed]{border-color:#303b80}
/* Bandeau de progression « À vous de jouer » */
.progres{background:#f0ebe2!important}