/* ============================================================
   ESMÉE — Effects: shadows, blur, motion
   Source: bc_design.dart (app) + landing/tailwind.config.ts (web)
   Signature: soft, warm, low-contrast elevation — never harsh.
   ============================================================ */

:root {
  /* ── App shadows (Baby-Care signature) ─────────────────── */
  /* Every elevated surface: soft warm shadow. */
  --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.06);
  /* Nested / smaller elements. */
  --shadow-soft: 0 2px 10px rgba(0, 0, 0, 0.04);

  /* ── Web shadows (landing) ─────────────────────────────── */
  --shadow-web-card: 0 6px 28px -8px rgba(42, 45, 49, 0.08);
  --shadow-web-soft: 0 10px 30px -12px rgba(42, 45, 49, 0.12);
  /* Warm glow under primary CTAs / hero mock. */
  --shadow-glow: 0 18px 50px -16px rgba(224, 133, 102, 0.35);

  /* Tinted status/role glow (dot rings, badges) */
  --shadow-dot: 0 1px 6px rgba(0, 0, 0, 0.12);

  /* ── Blur (glass surfaces over imagery) ────────────────── */
  --blur-glass: 8px;

  /* ── Motion ────────────────────────────────────────────── */
  /* App uses gentle 180ms container morphs; nav pills ~300ms. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */ /* landing reveals */
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* easeOutBack — nav pop */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 180ms;  /* @kind other */
  --dur-slow: 300ms;  /* @kind other */
}