.onion-skin-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  white-space: nowrap;
  color: inherit;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
  text-decoration: none;
}
.onion-skin-brand img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 4px;
}
.coquille__entete, header.entete { flex-wrap: wrap; }
.coquille__actions, .entete__actions { flex-wrap: wrap; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; border: 1px solid var(--trait); border-radius: 5px; padding: 6px 11px; background: var(--fond-carte); color: var(--texte-faible); font: inherit; font-size: .8rem; white-space: nowrap; cursor: pointer; }
.theme-toggle > span:first-child { font-size: 1.1rem; line-height: 1; }
.theme-toggle[aria-pressed="true"] { color: var(--texte); border-color: var(--trait-vif); }
.theme-toggle:hover { border-color: var(--encre-given); }
.theme-toggle:focus-visible, .onion-skin-brand:focus-visible { outline: 2px solid var(--encre-given); outline-offset: 4px; }
:root { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --fond: #111b1b; --fond-carte: #1b2727; --fond-creux: #223131;
  --trait: #344747; --trait-vif: #526969;
  --texte: #e9f0ec; --texte-faible: #b5c5bf; --texte-tenu: #a3b6ad;
  --encre-given: #9ed7ca; --encre-computed: #9cbfe7; --encre-assumed: #edc07e; --encre-constant: #a2d0a9;
  --etat-calcule: #e9f0ec; --etat-perime: #b5c5bf; --etat-vide: #526969;
  --sens-structure: #9ed7ca; --sens-calcul: #9cbfe7; --sens-attention: #edc07e;
  --sens-risque: #f3a5ac; --sens-conforme: #a2d0a9; --sens-horsperimetre: #b5c5bf;
  --accent: #9ed7ca; --danger: #f3a5ac;
  --theme-surface: #1b2727; --theme-soft: #243735; --theme-line: #425956;
  --theme-muted: #b5c5bf; --theme-positive: #a2d0a9; --theme-warning: #edc07e;
  --theme-danger: #f3a5ac; --theme-info: #9cbfe7;
  --theme-warning-surface: #3b3022; --theme-danger-surface: #3e292e; --theme-info-surface: #243342;
  /* Jetons de l'atelier : valeurs sombres (les jetons non colores restent dans base.css). */
  --trait-fin: #2a3a3a; --trait-tenu: #243232; --texte-prose: #cfdad5; --glyphe-tenu: #6f8580;
  --fond-champ: #142020; --fond-muet: #172323;
  --sens-conforme-fond: #1f3a2c; --sens-conforme-trait: #35543f;
  --sens-risque-fond: #3e292e; --sens-risque-trait: #6a3a42;
  --sens-attention-fond: #3b3022; --sens-attention-trait: #6b5530;
  --sens-neutre: #b5c5bf; --sens-neutre-fond: #283636; --sens-neutre-trait: #425956;
  --sens-structure-fond: #1f3836;
}
/* Account forms use an accent background and must keep contrasting ink. */
:root[data-theme="dark"] .bouton { color: var(--fond); }
:root[data-theme="dark"] :is(.cdf-room, .cdf-pilot) { --cdf-accent: #9ed7ca; --cdf-soft: #243735; --cdf-line: #425956; --pilot-muted: #b5c5bf; --cdf-muted: #b5c5bf; }
:root[data-theme="dark"] .cdf-room__button--primary { background: #9ed7ca; border-color: #9ed7ca; color: #111b1b; }
:root[data-theme="dark"] .cdf-room__button--primary:hover:not(:disabled) { background: #b5e3d9; }
:root[data-theme="dark"] .cdf-room__station { background: var(--fond-carte); }
:root[data-theme="dark"] .cdf-room__room::before { background-color: var(--fond-creux); box-shadow: 0 8px 0 var(--trait); }
/* Saved drawings retain their original domain colours on a paper plate. */
:root[data-theme="dark"] .technique__viewport { background: #fafbfa; }
:root[data-theme="dark"] .dominante__cellule[data-etat="ferme"] { fill: var(--fond-creux); }
:root[data-theme="dark"] .dominante__cle--ferme::before { background: var(--fond-creux); }