/* Socle Wetheque : base, typographie, boutons. Les couleurs viennent de la peau du thème (themes/*.css). */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.55}
h1,h2,h3{font-family:var(--titre);color:var(--marque);margin:0;line-height:1.2}
h1{font-size:clamp(28px,5vw,40px);font-weight:700}
h2{font-size:22px;font-weight:600}
p{margin:0}
.btn{font:600 15px var(--titre);padding:11px 18px;border-radius:10px;border:2px solid transparent;color:var(--marque);background:transparent}
.btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn.principal{background:var(--orange-fort);color:#fff;border-color:var(--orange-fort)}
.btn.secondaire{border-color:var(--marque)}
.btn.discret{text-decoration:underline;text-underline-offset:4px;padding-inline:6px}
.jetons{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--titre);background:var(--surface);border:1px solid var(--brume);border-radius:999px;padding:6px 14px 6px 8px;color:var(--encre)}
.jetons svg{width:22px;height:22px}

[hidden]{display:none!important}