/*
 * stand.css : styles du présentoir (glass/stand.js).
 * Expose l'accent froid « bleu ardoise » en --accent : dérivé du filet #666E72,
 * contraste 7,86:1 sur le canvas #FAF5EB (AA et AAA en texte).
 */
:root { --accent: #34505F; }

/* Conteneur : lui donner une hauteur ; le canvas ou l'illustration remplit tout. */
.stand { position: relative; width: 100%; min-height: 320px; }
.stand canvas { pointer-events: none; }

/* Repli vectoriel : même dalle, même emplacement actif, pilotable par setActive(). */
.stand .stand-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.stand .stand-fallback svg,
.stand .stand-fallback img { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; overflow: visible; }
.stand .stand-fallback .stand-fb { --fb-accent: var(--accent); }

/* Pages en flux (sans position absolue) : le repli prend sa hauteur naturelle. */
.stand[data-stand="fallback"] { min-height: 0; }
.stand[data-stand="fallback"] .stand-fallback { position: relative; inset: auto; }
.stand[data-stand="fallback"] .stand-fallback svg,
.stand[data-stand="fallback"] .stand-fallback img { height: auto; max-height: 70vh; }

/* Texte en accent : utiliser avec parcimonie (libellé de l'emplacement actif, filet). */
.stand-accent { color: var(--accent); }