/* Thème local commun. Réglages visuels seulement ; aucune règle pédagogique. */
.tp-construction-proto-page {
    --tp-cm-site: #a52a2a;
    --tp-cm-paper: #fffdf7;
    --tp-cm-white: #ffffff;
    --tp-cm-ink: #243e4b;
    --tp-cm-muted: #4e6270;
    --tp-cm-line: #718791;
    --tp-cm-soft-line: #d3e3e5;
    --tp-cm-blue: #2459a6;
    --tp-cm-blue-dark: #194987;
    --tp-cm-blue-soft: #e5efff;
    --tp-cm-turquoise: #175c55;
    --tp-cm-turquoise-soft: #ddf3f0;
    --tp-cm-turquoise-line: #43867d;
    --tp-cm-green: #176b36;
    --tp-cm-green-dark: #12552b;
    --tp-cm-green-soft: #edf7ef;
    --tp-cm-red: #a52323;
    --tp-cm-retour-epaisseur: 2px;
    --tp-cm-red-soft: #fff1f1;
    --tp-cm-amber: #795312;
    --tp-cm-amber-soft: #fff2d5;
    --tp-cm-neutral: #eef3f5;
    --tp-cm-focus: #152e47;
    --tp-cm-backdrop: rgb(21 46 71 / .55);
    --tp-cm-font: Arial, Helvetica, sans-serif;
    --tp-cm-letter-font: "Trebuchet MS", Arial, sans-serif;
    --tp-cm-font-size: 18px;
    --tp-cm-title-size: clamp(1.5rem, 3vw, 1.875rem);
    --tp-cm-letter-size: 2.125rem;
    --tp-cm-page-width: 1120px;
    --tp-cm-play-width: 720px;
    --tp-cm-radius: 14px;
    --tp-cm-board-radius: 22px;
    --tp-cm-tile-width: 60px;
    --tp-cm-tile-height: 64px;
    --tp-cm-tile-gap: 12px;
    --tp-cm-image-size: 160px;
    --tp-cm-board-padding: 24px;
    --tp-cm-page-gutter: 14px;
    --tp-cm-control-height: 48px;
    --tp-cm-next-height: 56px;
}
/* Seuil de disposition dans prototype.css ; valeurs de thème regroupées ici. */
@media (max-width: 480px) {
    .tp-construction-proto-page {
        --tp-cm-font-size: 17px;
        --tp-cm-letter-size: 1.875rem;
        --tp-cm-tile-width: 50px;
        --tp-cm-tile-height: 56px;
        --tp-cm-tile-gap: 8px;
        --tp-cm-image-size: 120px;
        --tp-cm-board-padding: 14px;
        --tp-cm-page-gutter: 8px;
        --tp-cm-board-radius: 18px;
    }
}