/* ==========================================================================
   Galri — Elevation, motion, effects
   Shadows are soft, low-contrast, neutral-tinted — never heavy.
   Motion is gentle and quick (Apple-like ease-out, no bounce).
   ========================================================================== */
:root {
  /* ---- Shadows ------------------------------------------------------- */
  --shadow-xs:  0 1px 2px rgba(29, 29, 27, 0.06);
  --shadow-sm:  0 1px 3px rgba(29, 29, 27, 0.07), 0 1px 2px rgba(29, 29, 27, 0.05);
  --shadow-md:  0 4px 12px rgba(29, 29, 27, 0.08), 0 1px 3px rgba(29, 29, 27, 0.05);
  --shadow-lg:  0 12px 32px rgba(29, 29, 27, 0.10), 0 2px 8px rgba(29, 29, 27, 0.05);
  --shadow-xl:  0 24px 60px rgba(29, 29, 27, 0.14), 0 6px 16px rgba(29, 29, 27, 0.06);

  /* Colored glow for primary actions / focus halos */
  --shadow-primary: 0 8px 24px rgba(149, 193, 31, 0.30);
  --shadow-sky:     0 8px 24px rgba(98, 170, 222, 0.28);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(98, 170, 222, 0.45);

  /* Hairline inner border for glassy surfaces */
  --ring-inset: inset 0 0 0 1px rgba(29, 29, 27, 0.06);

  /* ---- Glass / blur -------------------------------------------------- */
  --blur-sm: 8px;
  --blur-md: 18px;
  --blur-lg: 32px;
  --glass-light: rgba(255, 255, 255, 0.72);
  --glass-dark:  rgba(29, 29, 27, 0.55);
  /* Barre flottante (sélection) : plus opaque, elle passe sur des photos. */
  --glass-dark-strong: rgba(29, 29, 27, 0.78);
  /* Voile sous une fenêtre de confirmation ou une fenêtre modale. */
  --scrim: rgba(29, 29, 27, 0.45);
  /* Panneau latéral (cartel, livre d'or, panier) : sans voile, une ombre portée vers la gauche. */
  --shadow-panel: -24px 0 60px rgba(29, 29, 27, 0.10);
  /* Sélection d'une tuile : bordure apple-500 et ce halo. */
  --ring-selected: 0 0 0 4px var(--apple-100);

  /* ---- Motion -------------------------------------------------------- */
  --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 */
  --ease-spring:cubic-bezier(0.34, 1.4, 0.64, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
  --transition: all var(--dur-base) var(--ease-out);
}