/* ============================================================
   Rapport de stage — tokens et base communs au site et à l'admin.
   Palette reprise de test-de-qi.fr (même éditeur).
   ============================================================ */
:root {
  --ink: #131629;
  --ink-2: #3d4160;
  --muted: #6e7391;
  --bg: #f6f7fc;
  --card: #ffffff;
  --line: #eef0f7;
  --line-2: #dfe2f0;
  --brand: #4f46e5;
  --brand-2: #7c3aed;
  --brand-grad: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #a855f7 100%);
  --brand-soft: #eef0ff;
  --accent: #f59e0b;
  --accent-soft: #fef3c7;
  --accent-ink: #92400e;
  --good: #10b981;
  --good-soft: #d1fae5;
  --good-ink: #065f46;
  --danger: #e11d48;
  --danger-soft: #fee2e2;
  --danger-ink: #991b1b;
  --ring: rgba(79, 70, 229, .18);
  --sur-fonce: #ffffff;                       /* texte sur fond --ink ou --brand */
  --sur-fonce-2: rgba(255, 255, 255, .82);
  --sur-fonce-3: rgba(255, 255, 255, .6);
  --sur-fonce-4: rgba(255, 255, 255, .35);
  --voile-1: rgba(255, 255, 255, .08);
  --voile-2: rgba(255, 255, 255, .14);
  --filet-fonce: rgba(255, 255, 255, .12);
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 10px 30px rgba(19, 22, 41, .08);
  --shadow-lg: 0 24px 60px rgba(19, 22, 41, .14);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--bg); color: var(--ink); line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; }
a { color: var(--brand); }
code { font-family: var(--mono); font-size: .85em; }

.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.card { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: 12px; padding: 12px 22px; font: inherit; font-weight: 700;
  cursor: pointer; text-decoration: none; transition: transform .15s, filter .15s;
}
.btn-brand { background: var(--brand-grad); color: var(--sur-fonce); box-shadow: 0 12px 30px var(--ring); }
.btn-brand:hover { transform: translateY(-1px); filter: brightness(1.05); }
.btn-block { width: 100%; }