/* C2-595, critère 12 — la marque de la barre, comme caseone.fr (apps/landing-page/static/css/caseone-feedback.css : variables des
   lignes 15, 22 et 34, règles des lignes 248-249). Le même bloc sert la barre des pages de compte (connexion.css) et celle de
   l'application (frontends/web et mobile/presentation.js, journey-flow.js) : le cube « logo-cube-voix » avec ses deux galets, puis
   « CaseOne » en Instrument Sans, 1,55 rem, graisse 600, interlettrage -0,045 em. « Case » est l'encre de la page (#242625 en
   thème clair, #f3f3f4 en thème sombre, --of-feedback-ink de caseone.fr), « One » l'ambre #ffd596 (--of-feedback-amber) en thème
   sombre et #a87522 en thème clair (C2-555, demande de Jérémy du 26 octobre 2026 : 3,4 sur 1 avec le fond de la barre, là où #ffd596
   n'atteignait pas 3:1). Les deux valeurs sont les variables --marque-one de chaque thème, seul endroit à changer pour la barre de
   tous les écrans. Le cube est une image fixe (72 px, 56 px sous 600 px) ; la police est celle de papier.css et
   de connexion.css (@font-face « Instrument »). */
:root{--marque-case:#242625;--marque-one:#a87522}
:root[data-theme=dark]{--marque-case:#f3f3f4;--marque-one:#ffd596}
.marque-cube{display:block;flex:none;width:72px;height:72px;object-fit:contain;pointer-events:none}
.marque-cube+.marque-nom{margin-left:.5rem}
/* Le bouton de l'application qui porte la marque aligne le cube et le nom, y compris dans la barre des écrans d'échange (le
   mot-symbole d'avant n'y était pas une boîte flexible). */
:root .wordmark:has(>.marque-cube){display:inline-flex;align-items:center;flex:none}
/* Le nom : la police et les couleurs gagnent sur les règles du mot-symbole d'avant (cadre.css, signature.css), sans !important : sur la page de l'application, `body.atelier-scene` ajoute la spécificité
   qui manque face à « :root .atelier-scene :is(…, span, .wordmark) » de cadre.css. */
.marque-nom,:root body .marque-nom,:root body.atelier-scene .marque-nom{font-family:Instrument,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1.55rem;font-weight:600;letter-spacing:-.045em;line-height:1.2;white-space:nowrap;text-decoration:none;color:var(--marque-case)}
.marque-un,:root body .marque-nom .marque-un,:root body.atelier-scene .marque-nom .marque-un{color:var(--marque-one)}
@media(max-width:600px){.marque-cube{width:56px;height:56px}}
/* Dans la barre de l'application, le cube ne dépasse jamais la hauteur de la barre (4,5 rem sur ordinateur, 3,5 rem sous 820 px). */
.topbar .marque-cube,.interaction-header .marque-cube{width:min(72px,var(--bar-h,72px));height:min(72px,var(--bar-h,72px))}
@media(max-width:600px){.topbar .marque-cube,.interaction-header .marque-cube{width:min(56px,var(--bar-h,56px));height:min(56px,var(--bar-h,56px))}}
/* Sous 600 px, la marque de 1,55 rem et son cube de 56 px prennent la barre de l'application : la signature « Le terrain… avant le
   terrain. » n'y tient plus (elle y était réduite à 7 px de large) et s'efface jusqu'à 601 px. À confirmer par le product-owner. */
@media(max-width:600px){:root body.atelier-scene .topbar>.bar-signature{display:none}}
@media(forced-colors:active){.marque-nom,.marque-un,:root body .marque-nom,:root body .marque-nom .marque-un,:root body.atelier-scene .marque-nom,:root body.atelier-scene .marque-nom .marque-un{color:CanvasText}}