/* SetupExpress — Radius, élévation & motion
   Rayons : boutons ~10px, cartes ~14-16px, pills full.
   Ombres basses, subtiles, multi-couches (canvas chaud → ombres chaudes).
   Motion sobre, rapide (sensation de vitesse). */

:root {
  /* ---- Rayons ---- */
  --r-xs:   6px;
  --r-sm:   8px;
  --r-btn:  10px;   /* boutons */
  --r-md:   12px;
  --r-card: 14px;   /* cartes standard */
  --r-card-lg: 18px;/* cartes vedette (pack mis en avant, manifeste) */
  --r-pill: 999px;  /* pills, badges full */

  /* ---- Élévation : ombres chaudes, basses, multi-couches ---- */
  --shadow-xs:  0 1px 2px rgba(46, 30, 16, 0.05);
  --shadow-sm:  0 1px 2px rgba(46, 30, 16, 0.05),
                0 2px 6px rgba(46, 30, 16, 0.05);
  --shadow-md:  0 1px 2px rgba(46, 30, 16, 0.05),
                0 4px 12px rgba(46, 30, 16, 0.07),
                0 12px 28px rgba(46, 30, 16, 0.05);
  --shadow-lg:  0 1px 2px rgba(46, 30, 16, 0.06),
                0 8px 20px rgba(46, 30, 16, 0.08),
                0 24px 48px rgba(46, 30, 16, 0.08);
  /* ombre teintée orange pour la carte/pack mis en avant */
  --shadow-accent: 0 2px 8px rgba(209, 69, 8, 0.12),
                   0 16px 40px rgba(209, 69, 8, 0.14);
  /* ombre sur fond ink (subtile, froide-neutre) */
  --shadow-on-ink: 0 8px 28px rgba(0, 0, 0, 0.35);

  /* ---- Motion : rapide, sobre ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring:cubic-bezier(0.34, 1.4, 0.64, 1); /* @kind other */

  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   180ms;  /* @kind other */
  --dur-slow:   280ms;  /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
  }
}