/* ============================================================
   PROJETS IMMOBILIERS — Shadow, elevation & motion tokens
   Warm-tinted, soft shadows (shadow color carries a plum/ink hue,
   never pure black) for an elegant, low-contrast lift.
   ============================================================ */
:root {
  /* Warm shadow base = ink/plum, low alpha */
  --shadow-xs: 0 1px 2px rgba(33, 26, 32, 0.06);
  --shadow-sm: 0 1px 3px rgba(33, 26, 32, 0.07), 0 1px 2px rgba(33, 26, 32, 0.05);
  --shadow-md: 0 4px 14px rgba(33, 26, 32, 0.08), 0 2px 4px rgba(33, 26, 32, 0.05);
  --shadow-lg: 0 12px 30px rgba(33, 26, 32, 0.10), 0 4px 10px rgba(33, 26, 32, 0.05);
  --shadow-xl: 0 24px 56px rgba(33, 26, 32, 0.14), 0 8px 18px rgba(33, 26, 32, 0.06);
  /* Tinted accent glow for purple CTAs on hover */
  --shadow-accent: 0 10px 28px rgba(114, 34, 114, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* Focus ring */
  --ring-offset: 2px; /* @kind other */
  --ring: 0 0 0 3px var(--focus-ring); /* @kind shadow */

  /* Motion — quiet, refined easing. No bounces. */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
  --dur-slower: 520ms; /* @kind other */

  /* Blur (glass nav over photography) */
  --blur-sm: blur(6px); /* @kind other */
  --blur-md: blur(14px); /* @kind other */
}