/* DossiersGagnants : feuille commune du site vitrine (refonte UI, lot 3).
   Mêmes jetons et mêmes composants que l'application (webapp/src/app/globals.css).
   Chargée AVANT le style propre de chaque page : elle apporte les composants
   sans écraser les mises en page existantes. Jetons préfixés --dg- pour ne pas
   percuter les variables --paper, --ink... déjà définies par les pages. */
:root {
  --dg-paper: #f6f4f0;
  --dg-white: #ffffff;
  --dg-ink: #1a1f2b;
  --dg-ink-soft: #525c6b;
  --dg-line: #d5cfc2;
  --dg-stamp: #b8dc3c;
  --dg-stamp-deep: #5f7710;
  --dg-on-accent: #161a22;
  --dg-nuit: #11141b;
  --dg-nuit-texte: #c3c8d1;
  --dg-gold: #8a6108;
  --dg-gold-bg: #f3efe6;
  --dg-gold-line: #e2d3b4;
  --dg-gold-deep: #6b4b05;
  --dg-alert: #b93815;
  --dg-alert-bg: #fbeee9;
  --dg-alert-line: #f0c9bb;
  --dg-alert-deep: #8f2a0f;
  --dg-ok: #15803d;
  --dg-ok-bg: #eaf6ee;
  --dg-ok-line: #bfe0c9;
  --dg-ok-deep: #116432;
}

/* Carte « vive » : liseré lime à gauche, pour ce qui appelle l'action. */
.card-vive {
  border-left: 4px solid var(--dg-stamp);
}

/* Encarts d'état : fond teinté + bordure + liseré 4 px + titre en gras. */
.encart {
  border: 1px solid;
  border-left-width: 4px;
  border-radius: 12px;
  padding: 12px 16px;
}
.encart-titre {
  display: block;
  font-weight: 700;
}
.encart-info {
  background: color-mix(in srgb, var(--dg-stamp) 15%, #ffffff);
  border-color: color-mix(in srgb, var(--dg-stamp) 45%, #ffffff);
  border-left-color: var(--dg-stamp-deep);
  color: var(--dg-ink);
}
.encart-vigilance {
  background: var(--dg-gold-bg);
  border-color: var(--dg-gold-line);
  border-left-color: var(--dg-gold);
  color: var(--dg-ink);
}
.encart-vigilance .encart-titre { color: var(--dg-gold-deep); }
.encart-alerte {
  background: var(--dg-alert-bg);
  border-color: var(--dg-alert-line);
  border-left-color: var(--dg-alert);
  color: var(--dg-ink);
}
.encart-alerte .encart-titre { color: var(--dg-alert-deep); }
.encart-ok {
  background: var(--dg-ok-bg);
  border-color: var(--dg-ok-line);
  border-left-color: var(--dg-ok);
  color: var(--dg-ink);
}
.encart-ok .encart-titre { color: var(--dg-ok-deep); }

/* Zone vide : tirets lime, texte vert foncé, et toujours une action proposée. */
.zone-vide {
  background: color-mix(in srgb, var(--dg-stamp) 5%, #ffffff);
  border: 1.5px dashed var(--dg-stamp);
  border-radius: 14px;
  color: var(--dg-stamp-deep);
  text-align: center;
  padding: 24px 16px;
}