/* =========================================================
   MESSAGES / ALERTS — DOMENJÓ (base comuna)
   Fitxer: public/css/messages.css
   ========================================================= */

:root{ --dmj-msg-radius: 14px; }

/* Light */
html[data-theme="light"]{
  --dmj-ok-bg:#e8f5e9; --dmj-ok-tx:#2E7D32; --dmj-ok-br:rgba(46,125,50,.15);
  --dmj-er-bg:#fdecea; --dmj-er-tx:#C62828; --dmj-er-br:rgba(198,40,40,.15);
}

/* Dark */
html[data-theme="dark"]{
  --dmj-ok-bg:rgba(46,125,50,.12); --dmj-ok-tx:rgba(255,255,255,.92); --dmj-ok-br:rgba(46,125,50,.35);
  --dmj-er-bg:rgba(255,107,107,.10); --dmj-er-tx:rgba(255,255,255,.92); --dmj-er-br:rgba(255,107,107,.35);
}

/* Compatibilitat: classes ja existents */
.alert-success, .success-message{
  background:var(--dmj-ok-bg);
  color:var(--dmj-ok-tx);
  border:1px solid var(--dmj-ok-br);
  border-radius:var(--dmj-msg-radius);
  padding:.75rem .9rem;
  font-size:.85rem;
  margin-bottom:.9rem;
}

.alert-error, .error-message{
  background:var(--dmj-er-bg);
  color:var(--dmj-er-tx);
  border:1px solid var(--dmj-er-br);
  border-radius:var(--dmj-msg-radius);
  padding:.75rem .9rem;
  font-size:.85rem;
  margin-bottom:.9rem;
}

.alert-error ul{
  margin:0;
  padding-left:18px;
}