/* ============================================================
   kit-pages.css — le kit visuel ARTHUR sur les pages qui ne sont pas
   l'application élève : l'accueil public, les pages d'entrée
   (connexion, inscriptions, mot de passe, confirmation) et le
   back-office.

   Comme dans eleve.css, les variables de ces pages pointent vers les
   jetons du kit (design/css/tokens.css, à charger avant ce fichier) :
   couleurs, police Lexend, arrondis. --ink, --line et --font-display
   sont ceux du kit. La mise en page de chaque page ne change pas ; ce
   fichier ajoute seulement le style BD du kit aux cartes et aux boutons.
   ============================================================ */
body{
  --bg:var(--surface); --sub:var(--ink-muted);
  --violet:var(--primary); --violet-soft:var(--primary-soft);
  --done:var(--success); --done-soft:var(--success-soft);
  --warn:var(--example); --warn-soft:var(--example-soft);
  --panel:var(--surface-raised);
  --track:var(--line); --soft:var(--primary-soft); --input-bg:var(--surface-raised);
  --bad:var(--danger); --bad-soft:var(--danger-soft);
  --font-body:var(--font-sans); --font-mono:ui-monospace,monospace;
  --r-lg:var(--radius-lg); --r-md:var(--radius-md); --r-pill:var(--radius-full);
  --ombre:var(--shadow-card);
}

/* les cartes : contour et ombre douce, comme les cartes du kit */
.carte, .tuile{border:2px solid var(--line);box-shadow:var(--shadow-card);}

/* les boutons d'action : ombre pleine, ils s'enfoncent au toucher */
.valider, button.b:not(.fin):not(.mini){
  box-shadow:0 4px 0 var(--primary-deep);font-weight:600;
  transition:transform .08s ease, box-shadow .08s ease;}
.valider:active:not(:disabled), button.b:not(.fin):not(.mini):active:not(:disabled){
  transform:translateY(4px);box-shadow:0 0 0 transparent;}