/* ═══════════════════════════════════════════════════════════════════════
   style.css — Garde Alternée v2
   ═══════════════════════════════════════════════════════════════════════ */

/* Étape 23 (#836) : les anciennes variables pointent sur les tokens (tokens.css) — les écrans
   pas encore refaits suivent ainsi le thème clair / sombre. Polices auto-hébergées : plus
   d'appel à Google Fonts (hors ligne). Ce fichier a rétréci à chaque sous-étape : depuis 23e
   (toast de la bibliothèque, toast.css), il ne garde que la base et le prénom de l'en-tête. */
:root {
  --p1-color: var(--parent-1);
  --p2-color: var(--parent-2);
  --bg:       var(--color-bg);
  --surface:  var(--color-surface);
  --border:   var(--color-border);
  --text:     var(--color-text);
  --text-muted: var(--color-text-muted);
  --radius:   10px;
  --shadow:   none;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-body); background: var(--bg); color: var(--text); min-height: 100dvh; font-size: 14px; line-height: 1.5; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

/* [hidden] l'emporte sur les display posés par les composants (vues, panneaux, écrans) */
[hidden] { display: none !important; }

/* Prénom du compte dans l'en-tête : coupé plutôt que de pousser la synchro */
#account-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }