/**
 * ConcoursDGFiP — Soft UI & micro-contraste
 * Couche utilitaire (pastel + cartes) ; les tokens vivent dans app.html :root.
 * Chargeable aussi sur landing / pages satellites.
 */

/* ── Fonds pastel (bandeaux / callouts) ── */
.bg-accent-soft,
.bg-teal-soft {
  background-color: var(--teal-dim, rgba(20, 184, 166, 0.08));
}
.bg-indigo-soft {
  background-color: var(--indigo-dim, rgba(42, 84, 147, 0.06));
}
.bg-gold-soft {
  background-color: var(--gold-dim, rgba(201, 169, 97, 0.10));
}
.bg-success-soft {
  background-color: var(--success-dim, rgba(5, 150, 105, 0.08));
}
.bg-warning-soft {
  background-color: var(--warning-dim, rgba(217, 119, 6, 0.08));
}
.bg-danger-soft {
  background-color: var(--danger-dim, rgba(220, 38, 38, 0.08));
}
.bg-navy-soft {
  background-color: rgba(15, 31, 75, 0.04);
}
:root[data-theme="dark"] .bg-navy-soft {
  background-color: rgba(91, 127, 214, 0.08);
}

/* ── Carte Soft UI générique ── */
.card-soft {
  background: var(--surface, #ffffff);
  border: 1px solid var(--border, rgba(0, 0, 0, 0.05));
  border-radius: var(--r, 16px);
  box-shadow: var(--shadow-sm, 0 4px 20px rgba(0, 0, 0, 0.03));
}

.card-soft-sm {
  background: var(--surface, #ffffff);
  border: 1px solid var(--border, rgba(0, 0, 0, 0.05));
  border-radius: var(--r-sm, 12px);
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.02));
}

/* ── Micro-accents (fine ligne haute) ── */
.card-accent,
.card-accent-indigo {
  border-top: 3px solid var(--indigo, #2A5493);
}
.card-accent-teal,
.card-accent-accent {
  border-top: 3px solid var(--teal, #14B8A6);
}
.card-accent-gold {
  border-top: 3px solid var(--gold, #C9A961);
}
.card-accent-navy {
  border-top: 3px solid var(--navy, #0F1F4B);
}
.card-accent-success {
  border-top: 3px solid var(--success, #059669);
}
.card-accent-danger {
  border-top: 3px solid var(--danger, #DC2626);
}

/* ── Bandeau pastel (callout doux) ── */
.banner-soft {
  border: 1px solid var(--border, rgba(0, 0, 0, 0.05));
  border-radius: var(--r, 16px);
  padding: 14px 18px;
}
.banner-soft.bg-indigo-soft,
.banner-soft.bg-teal-soft,
.banner-soft.bg-gold-soft,
.banner-soft.bg-success-soft {
  border-color: transparent;
}