/* Lead with Néty — Radii, shadows, motion
   Editorial & premium: soft radii, discreet shadows, no thick drop-shadows. */
:root {
  /* ---- Corner radii ---- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;   /* cartes, inserts */
  --radius-lg: 22px;   /* grandes surfaces, médaillons carrés */
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Shadows (discreet, éditorial — jamais d'ombre portée épaisse) ---- */
  --shadow-sm: 0 1px 3px rgba(36,24,32,0.08);
  --shadow-md: 0 6px 20px rgba(61,36,56,0.12);
  --shadow-lg: 0 18px 48px rgba(61,36,56,0.18);
  --shadow-portrait: 0 24px 60px rgba(36,24,32,0.28);  /* portraits en médaillon sur fond violet */

  /* ---- Accent bar (insert "phrase clé") ---- */
  --accent-bar-w: 6px; /* @kind spacing */

  /* ---- Motion — sobre, jamais kinetic ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.25, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */

  /* ---- Subtle grain/texture overlay opacity (fonds violets premium) ---- */
  --grain-opacity: 0.05; /* @kind other */
}