/* ---------------------------------------------------------------
   Effects — radii, borders, shadows, motion.
   Quiet and grounded: soft corners, hairline borders, low shadows.
   --------------------------------------------------------------- */
:root {
  /* ---- Radii ---- */
  --radius-xs:  6px;
  --radius-sm:  9px;   /* chips, tabs, inputs */
  --radius-md:  12px;  /* buttons, small cards */
  --radius-lg:  14px;  /* cards (brand default) */
  --radius-xl:  20px;
  --radius-pill:999px;
  --radius-tile:24px;  /* icon tile / avatar rounding */

  /* ---- Border widths ---- */
  --bw-hair: 1px;
  --bw-mark: 2px;   /* wordmark accent tick */

  /* ---- Shadows — low, soft, warm-neutral ---- */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(31,33,24,.06);
  --shadow-md:  0 2px 8px rgba(31,33,24,.08);
  --shadow-lg:  0 8px 28px rgba(31,33,24,.12);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,.5);

  /* ---- Motion — gentle, no bounce ---- */
  --ease-standard: cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out: cubic-bezier(0,0,.2,1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur:      180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */

  /* ---- Focus ---- */
  --focus-width: 2px; /* @kind other */
  --focus-offset: 2px; /* @kind other */
}