/* Rushd — Radii + elevation, verbatim from the Coachee Portal.
   The portal leans on subtle, low-spread shadows; the desk sits behind a
   rounded white app-frame with a soft outer glow. */
:root{
  --radius-xs:4px; --radius-sm:6px; --radius-md:8px; --radius-lg:10px;
  --radius-xl:12px; --radius-2xl:16px; --radius-pill:999px;
  --radius-icon:8px;   /* stat-tile icon chip */

  --shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);                                   /* buttons, search */
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,0.06),0 1px 2px 0 rgba(0,0,0,0.04);
  --shadow-md:0 5px 20px 0 rgba(0,0,0,0.05);                                  /* active nav, dropdowns */
  --shadow-lg:0 0 20px 0 rgba(0,0,0,0.08);                                    /* app-frame outer glow */
  --shadow-ask:0 1px 2px rgba(0,0,0,0.04),0 14px 34px rgba(15,23,42,0.06);    /* elevated ask / hero input */
  --shadow-modal:0 24px 64px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.06);
  --shadow-focus:0 0 0 3px rgba(47,102,240,.12);                              /* brand focus ring */

  /* Legacy aliases (keep older components resolving) */
  --shadow-card:0 1px 2px rgba(16,24,44,.05),0 0 0 1px var(--border-1);
  --shadow-input:inset 0 0 0 1px var(--border-2);
  --shadow-input-search:var(--shadow-xs);
  --shadow-nav-active:var(--shadow-md);
  --shadow-panel:var(--shadow-lg);
  --shadow-button:var(--shadow-xs);
  --shadow-elevate:0 8px 22px -12px rgba(16,24,44,.28);
  --shadow-icon:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px -8px rgba(16,24,44,.5);
}