/* Accueil : registre « traits » seulement (aucun relevé n'est dessiné ici). Palette et typographie
   viennent de common/da.css — cette feuille ne définit aucune couleur qui ne soit une variable. */
* { box-sizing: border-box; }
body {
  margin: 0; padding: 6vh 6vw 8vh;
  background: var(--fond); color: var(--texte);
  font-family: var(--mono); font-size: var(--corps-travail);
}
header { border-bottom: var(--trait-fin) solid var(--gris-trait); padding-bottom: 2.4rem; margin-bottom: 2.4rem; }
h1 {
  margin: 0; font-family: var(--serif); font-weight: 300;
  font-size: var(--corps-badge); letter-spacing: .12em; color: var(--texte-clair);
}
.sous { margin: .8rem 0 0; color: var(--texte-sourd); max-width: 60ch; line-height: 1.6; }
.mono { font-family: var(--mono); color: var(--texte); }

main { display: flex; flex-direction: column; gap: var(--trait-fin); background: var(--gris-trait); border: var(--trait-fin) solid var(--gris-trait); }
.cas {
  display: grid; grid-template-columns: 14rem 1fr 12rem; gap: 1.6rem; align-items: baseline;
  padding: 1.6rem 1.4rem; background: var(--fond); color: inherit; text-decoration: none;
}
a.cas:hover { background: var(--voile); }
a.cas:hover .nom { color: var(--neutre); }
.nom { font-family: var(--serif); font-weight: 300; font-size: var(--corps-etiquette); color: var(--texte-clair); }
.quoi { color: var(--texte-sourd); line-height: 1.7; max-width: 68ch; }
.etat { text-align: right; color: var(--texte-sourd); line-height: 1.7; }
.etat b { font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.etat.actif b { color: var(--neutre); }     /* actif : l'orange neutre */
.etat.eteint b { color: var(--froid); }     /* éteint : le bleu froid */
.etat .detail { display: block; color: var(--texte-sourd); }
.venir { opacity: .45; }
.venir .nom { color: var(--texte-sourd); }

@media (max-width: 900px) {
  .cas { grid-template-columns: 1fr; gap: .6rem; }
  .etat { text-align: left; }
}