/* ============================================================
   KYNFOLD · EFFECTS — radii, shadows, borders, motion
   Sleek and flat: modest rounding, crisp low-spread shadows.
   Pills are reserved for buttons, tags and avatars.
   ============================================================ */
:root {
  /* Corner radii — tightened for a sleeker feel */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-pill: 999px;

  /* Crisp, low-spread warm shadows (never pure black) */
  --shadow-xs:  0 1px 1px rgba(53, 34, 26, 0.05);
  --shadow-sm:  0 1px 3px rgba(53, 34, 26, 0.06);
  --shadow-md:  0 4px 12px rgba(53, 34, 26, 0.07);
  --shadow-lg:  0 10px 24px rgba(53, 34, 26, 0.09);
  --shadow-xl:  0 18px 44px rgba(53, 34, 26, 0.12);
  /* Restrained coral emphasis for the primary button */
  --shadow-brand: 0 4px 12px rgba(255, 90, 54, 0.22);

  /* Borders */
  --border-width: 1px;
  --border-width-thick: 2px;

  /* Motion — clean and quick; minimal spring */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-bounce:   cubic-bezier(0.30, 1.25, 0.55, 1); /* @kind other */
  --dur-fast:   110ms; /* @kind other */
  --dur-normal: 180ms; /* @kind other */
  --dur-slow:   300ms; /* @kind other */
}