/* Thème neutre (auth + dashboard) */
body[data-theme="shell"]{
  /* palette douce / beige + accents J&M Synergy */
  --bg: #f6f0e6;
  --card: rgba(255,255,255,.82);
  --text: #141622;
  --muted: rgba(20,22,34,.62);

  /* accents (à ajuster si tu as tes couleurs exactes J&M Synergy) */
  --accent: #6b5cff;   /* lilac */
  --accent2:#1e64ff;   /* blue */

  --ok: #1aa97a;
  --warn:#c48a1a;
  --bad: #d24a4a;

  background:
    radial-gradient(1100px 800px at 20% 10%, rgba(107,92,255,.12), transparent 60%),
    radial-gradient(900px 700px at 90% 20%, rgba(30,100,255,.10), transparent 55%),
    var(--bg);
  color: var(--text);
}

/* Cards plus “paper” */
body[data-theme="shell"] .card{
  background: var(--card);
  border-color: rgba(20,22,34,.10);
  box-shadow: 0 14px 40px rgba(20,22,34,.10);
  backdrop-filter: blur(8px);
}

/* Inputs + select plus clairs */
body[data-theme="shell"] .input,
body[data-theme="shell"] select{
  background: rgba(20,22,34,.04);
  border-color: rgba(20,22,34,.12);
  color: var(--text);
}

/* Boutons neutres + primary J&M Synergy */
body[data-theme="shell"] .btn{
  background: rgba(20,22,34,.06);
  border-color: rgba(20,22,34,.10);
  color: var(--text);
}
body[data-theme="shell"] .btn:hover{
  background: rgba(20,22,34,.09);
}
body[data-theme="shell"] .btn.primary{
  background: linear-gradient(135deg, rgba(107,92,255,.95), rgba(30,100,255,.95));
  border-color: rgba(20,22,34,.12);
  color: #fff;
}

/* Liens nav un peu plus “soft” */
body[data-theme="shell"] .nav a{
  background: rgba(20,22,34,.06);
  border-color: rgba(20,22,34,.10);
}
body[data-theme="shell"] .nav a:hover{
  background: rgba(20,22,34,.09);
}

/* Badge / kbd plus sobres */
body[data-theme="shell"] .badge,
body[data-theme="shell"] .kbd{
  background: rgba(20,22,34,.06);
  border-color: rgba(20,22,34,.10);
}