/* ===========================================================================
   销售 AI · Radius & shadow tokens
   Rounded, friendly corners; soft, long, low-opacity shadows tinted toward
   the brand blue. Action surfaces get a coloured "lift" glow.
   =========================================================================== */
:root {
  /* ---- Corner radii ----------------------------------------------------- */
  --radius-xs: 6px;       /* step-number badge, tiny chips                  */
  --radius-sm: 8px;       /* small icon tiles                              */
  --radius-md: 12px;      /* nav icon button                               */
  --radius-lg: 14px;      /* list rows                                     */
  --radius-xl: 16px;      /* sheet buttons, info chips                     */
  --radius-2xl: 18px;     /* primary button, icon tiles                    */
  --radius-3xl: 20px;     /* inner cards                                   */
  --radius-4xl: 24px;     /* hero / voice cards                            */
  --radius-sheet: 30px;   /* bottom-sheet top corners                      */
  --radius-phone: 46px;   /* device frame                                  */
  --radius-pill: 999px;   /* status pills, progress tracks, avatars        */

  /* ---- Shadows ---------------------------------------------------------- */
  /* Ambient device float */
  --shadow-phone: 0 50px 90px -45px rgba(40, 55, 110, 0.32);
  /* Primary action lift (brand-tinted) */
  --shadow-brand: 0 16px 32px -14px rgba(59, 91, 219, 0.80);
  --shadow-brand-sm: 0 10px 22px -8px rgba(59, 91, 219, 0.70);
  /* Floating brand circle (record / play hero) */
  --shadow-brand-circle: 0 20px 46px -12px rgba(59, 91, 219, 0.55);
  --shadow-record: 0 16px 36px -12px rgba(59, 91, 219, 0.70);
  /* Hero / voice card */
  --shadow-card: 0 22px 44px -20px rgba(59, 91, 219, 0.70);
  /* Success confirmation circle */
  --shadow-success: 0 18px 40px -12px rgba(21, 160, 107, 0.55);
  /* Bottom sheet (rises from below) */
  --shadow-sheet: 0 -20px 50px -20px rgba(30, 40, 70, 0.30);
  /* Resting elevation for plain cards */
  --shadow-soft: 0 8px 24px -16px rgba(40, 55, 110, 0.30);

  /* ---- Scrim ------------------------------------------------------------ */
  --scrim: rgba(30, 40, 70, 0.40);
}