/* contexts.css — redéfinition des tokens par interface. Le HTML pose une seule classe sur : ctx-management, ctx-webshop ou ctx-pos. */ /* Management : valeurs par défaut des tokens, rien à surcharger. */ .ctx-management { } /* Webshop : plus d'air, typographie plus généreuse, pas de barre latérale. */ .ctx-webshop { --c-bg: #ffffff; --content-max: 1200px; --fs-md: 1.0625rem; } /* POS : écran tactile — grandes cibles, contrastes forts, fond sombre. */ .ctx-pos { --control-h: 52px; --fs-md: 1.125rem; --fs-2xl: 2.25rem; --radius-sm: 10px; --c-bg: #101318; --c-surface: #1a1f28; --c-surface-2: #222835; --c-border: #2c3341; --c-border-strong: #3a4354; --c-text: #eef1f6; --c-text-muted: #9aa3b5; --c-primary-soft: #1e2b52; } .ctx-pos .btn { font-size: var(--fs-md); } .ctx-pos .btn-lg { min-height: 64px; font-size: 1.25rem; }