/* ───────────────────────────────────────────────────────────
   mory — Radius & Elevation
   Soft geometry. Pills for CTAs/badges, 16px for cards.
   Depth = hairline + a single soft drop. Atmosphere from orbs,
   not heavy shadow.
   ─────────────────────────────────────────────────────────── */
:root{
  /* radius */
  --radius-xs:   4px;    /* inline tags, nav-link hover plate */
  --radius-md:   8px;    /* form inputs, placeholder visuals */
  --radius-lg:   12px;   /* team photos, compact cards */
  --radius-xl:   16px;   /* feature cards, cells, pricing tiers */
  --radius-xxl:  24px;   /* extra-soft / orb cards */
  --radius-pill: 999px;  /* CTAs, badges, toggles, progress */
  --radius-full: 50%;    /* avatars, icon circles */

  /* elevation */
  --shadow-card:  0 4px 16px rgba(0,0,0,0.05);              /* hovered card (single tier) */
  --shadow-mega:  0 24px 48px -16px rgba(22,20,15,0.14);    /* nav dropdown */
  --shadow-float: 0 18px 40px -22px rgba(12,10,9,0.18);     /* lifted card */
  --shadow-portal:0 30px 70px -34px rgba(22,20,15,0.16);    /* product frame */

  /* atmospheric orb (decoration) — radial bloom, blurred */
  --orb-blur: 34px;
  --orb-opacity: 0.6; /* @kind other */
}