/* Kanap - Styles globaux */

:root {
  --kanap-primary: #6366f1;
  --kanap-bg: #0f0f1a;
  --kanap-surface: #1a1a2e;
  --kanap-text: #f1f5f9;
  --kanap-text-muted: #94a3b8;
}

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

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--kanap-bg);
  color: var(--kanap-text);
  -webkit-user-select: none;
  user-select: none;
  overflow-x: hidden;
}

/* =========================================
   Timeline — fond flouté partagé
   Utilisé par services/timeline.js (home, profile, etc.)
   ========================================= */
.bgImageBlur {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  will-change: filter, transform;
  transform: scale(1.1) translate3d(0, 0, 0);
  -webkit-filter: blur(25px);
  filter: blur(25px);
  transition: transform 0.15s ease-in-out;
}

.bgImageBlur::after {
  content: "";
  position: absolute;
  inset: 0;
  background: black;
  opacity: 0.5;
}