:root {
  --bg: #ffffff;
  --text: #000000;
  --border: #cccccc;
  --accent: #e60023;
  --card-bg: #ffffff;
  --shadow: rgba(0, 0, 0, 0.1);
}

/* DARK */
body.dark-mode {
  --bg: #000000;
  --text: #ffffff;
  --border: #444;
  --accent: #ff0033;
  --card-bg: #111;
  --shadow: rgba(255, 255, 255, 0.1);
}

/* GLOBAL */
body {
  background: var(--bg);
  color: var(--text);
}

/* UTILISABLE PARTOUT */
.cs-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  color: var(--text);
}

/* MODAL */
.modal-content {
  background: var(--card-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

/* BOUTONS */
.btn-primary {
  background: var(--accent);
  border: none;
}

.btn-primary:hover {
  filter: brightness(1.2);
}