/* ==========================================================================
   BHC — EFFECTS: radii, borders, shadows, motion
   The identity is soft, organic and welcoming ("a soft, welcoming home").
   Corners are generous; buttons and tags are fully rounded (pill). Shadows
   are warm and low-contrast rather than cool grey drop-shadows.
   ========================================================================== */
:root {
  /* Corner radii */
  --radius-xs:    4px;
  --radius-sm:    8px;
  --radius-md:    14px;
  --radius-lg:    22px;
  --radius-xl:    32px;
  --radius-pill:  999px;   /* buttons, tags, chips */

  /* Borders */
  --border-width:       1.5px;
  --border-width-bold:  2.5px;

  /* Warm shadows (espresso-tinted, never neutral grey) */
  --shadow-sm:  0 1px 2px rgba(46, 19, 8, 0.08);
  --shadow-md:  0 4px 14px rgba(46, 19, 8, 0.10);
  --shadow-lg:  0 12px 32px rgba(46, 19, 8, 0.14);
  --shadow-focus: 0 0 0 3px rgba(165, 89, 60, 0.35);

  /* Motion — gentle, no bounce; ease-out fades and rises */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-emphasis: cubic-bezier(0.16, 0.84, 0.44, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-normal: 240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}