:root {
  /* CABS — palette éditoriale bleu-vert. Les anciens tons restent des clés techniques. */
  --bg: #f3f7f6;
  --surface: #ffffff;
  --text: #183038;
  --muted: #64767a;
  --line: #cfdcda;

  --accent: #1f6f73;
  --accent-home: #234b59;
  --accent-underhood: #287b7d;
  --accent-glances: #2d7770;   /* Territoires */
  --accent-between: #39727f;   /* Société & citoyenneté */
  --accent-serial: #4e7280;
  --accent-urchin: #315f72;    /* Vie publique */
  --accent-sidestep: #52727a;  /* Chroniques */
  --accent-archive: #667d83;
  --accent-about: #526b71;

  --card-shadow: 0 .2rem .65rem rgba(20, 52, 58, .055);
  --card-shadow-hover: 0 .55rem 1.2rem rgba(20, 52, 58, .11);
}

/* Enveloppes éditoriales : même structure, nouvelle température visuelle. */
.home-latest__featured,
.home-teasers,
.home-rooms {
  border-color: #d6e2e0;
  background: #f8fbfa;
}

.home-latest__more .home-archive__hint {
  background: #f8fbfa;
}

.article-card,
.home-teasers__feature,
.home-teasers__stack {
  border-color: #d9e3e1;
  background: var(--surface);
}

.article-card:hover,
.home-teasers__feature:hover {
  box-shadow: 0 .65rem 1.5rem rgba(20, 52, 58, .10);
}

/* Quatre rubriques : une rangée nette, sans changer le composant. */
.home-rooms__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: clamp(1.35rem, 3vw, 2.7rem);
}

/* Le titre long reste lisible sans devenir institutionnel. */
.site-brand {
  max-width: 22ch;
  color: #173f4b;
  letter-spacing: -.035em;
}

.site-header {
  background: linear-gradient(180deg, #f5f9f8 0%, var(--bg) 100%);
}

.site-header__inner {
  border-bottom-color: #c8d8d5;
}

.nav-preview {
  color: var(--nav-color, var(--text));
}

/* Les accents restent fins : pas de blocs de couleur institutionnels. */
.home-latest__title,
.home-teasers__heading h2,
.home-rooms__heading h2 {
  color: #183f49;
}

.home-teasers__all,
.home-rooms__footer a,
.home-archive__link {
  color: #416c76;
}

.site-footer .site-shell {
  border-top-color: #c9d8d5;
}

.cookie-note {
  border-color: #c8d9d6;
}

@media (max-width: 900px) {
  .home-rooms__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}