/* =======================================================
   🎨 THEME GENERAL
======================================================= */

:root {
  --violet:#667eea;
  --violet2:#764ba2;
  --muted:#8a8a8a;
  --bg:#f7f7fb;
  --card:#fff;
  --danger:#e5534b;

  --header-gradient: linear-gradient(135deg,#667eea,#764ba2);
  --btn-gradient: linear-gradient(135deg,#6276e3,#704cba);
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

body{
  font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:#222;
}

/* Classes génériques */
.muted{
  color:var(--muted);
}

.hidden{
  display:none !important;
}

/* =======================================================
   🌙 MODE SOMBRE (GLOBAL)
======================================================= */

body.dark-mode {
  background:#1a1a1d;
  color:#f1f1f1;
}

body.dark-mode input {
  background:#1b1b1e;
  border-color:#444;
  color:#fff;
}