/* Alpage · réglages par cycle. shared/tone.js (applyTone) pose <html data-tone="primaire|secondaire|gymnase">,
   les mêmes clés que CYCLES / TONES dans tone.js. Sans attribut (avant applyTone), le primaire s'applique. */
:root, [data-tone="primaire"] {
  --r-card: 22px; --r-btn: 16px; --r-tile: 20px; --r-chip: 999px;
  --step: 6px;              /* hauteur de la « marche » */
  --border-w: 2px;
  --fs-body: 18px;
  --tile-h: 72px;
  --btn-h: 60px;
  --font-title: var(--font-display);
  --mascot-mode: full;      /* en pied à chaque écran */
}
[data-tone="secondaire"] {
  --r-card: 14px; --r-btn: 14px; --r-tile: 16px;
  --step: 4px;
  --fs-body: 17px;
  --tile-h: 64px;
  --btn-h: 52px;
  --font-title: var(--font-display);
  --mascot-mode: head;      /* avatar seulement */
}
[data-tone="gymnase"] {
  --r-card: 10px; --r-btn: 10px; --r-tile: 10px;
  --step: 1px;
  --border-w: 1px;
  --fs-body: 16px;
  --tile-h: 56px;
  --btn-h: 48px;
  --font-title: var(--font-text);
  --mascot-mode: none;      /* masquée par défaut, option dans le profil */
}
[data-tone="gymnase"] .mascot { display: none; }
[data-tone="gymnase"][data-mascot="on"] .mascot { display: block; }