/* public/css/style.css */
/* Complément léger à Tailwind (utilise CDN tailwindcss.com pour les utilitaires) */
:root {
  --bg: #0f1115;
  --panel: #171a22;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: #f59e0b;
}
body {
  background: var(--bg);
  color: var(--text);
}
.card {
  background: var(--panel);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  border-radius: .75rem;
  background: var(--accent);
  color: #111827;
  font-weight: 600;
  transition: transform .06s ease, filter .2s ease;
}
.btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.small { font-size: .875rem; color: var(--muted); }