/* Search Hive — Radius & elevation tokens
   ------------------------------------------------------------------
   Soft shape language: nearly every interactive element is rounded.
   ONE shadow tier plus the flat baseline — depth comes from
   photography and white-on-white separation, not layered shadows.
   ------------------------------------------------------------------ */

:root {
  /* ---- Corner radii --------------------------------------------- */
  --radius-sm: 8px;    /* buttons, inputs                            */
  --radius-md: 14px;   /* property cards, panels                     */
  --radius-lg: 20px;   /* large cards, modals                        */
  --radius-xl: 28px;   /* category strips, feature tiles             */
  --radius-full: 9999px; /* pill search bar, orbs, hearts, badges    */

  /* ---- Elevation ------------------------------------------------- */
  /* The single shadow definition in the entire system. Applied to
     hover-floated cards, the resting search bar, and dropdown menus. */
  --shadow-float:
    rgba(31, 26, 18, 0.04) 0 0 0 1px,
    rgba(31, 26, 18, 0.05) 0 2px 6px 0,
    rgba(31, 26, 18, 0.10) 0 6px 16px -2px;

  /* A slightly tighter variant for the resting search pill. */
  --shadow-pill:
    rgba(31, 26, 18, 0.04) 0 0 0 1px,
    rgba(31, 26, 18, 0.08) 0 3px 12px 0;
}