/* ============================================================
   Forward Business — Radii, borders, shadows, motion
   The brand reads "calm corporate": minimal radii, sharp-edged
   image blocks & listing cards (thin copper border), gently
   rounded buttons, soft low shadows, slow easeful transitions.
   ============================================================ */

:root {
  /* ---- Corner radii ---- */
  --radius-none:  0;        /* images, listing cards — kept square */
  --radius-sm:    4px;
  --radius-btn:   7px;      /* buttons & inputs */
  --radius-md:    10px;
  --radius-lg:    16px;
  --radius-pill:  999px;
  --radius-full:  50%;      /* stat circles, avatars */

  /* ---- Borders ---- */
  --border-hair:    1px solid var(--hairline);          /* @kind other */
  --border-copper:  1px solid var(--hairline-copper);   /* @kind other */

  /* ---- Shadows (low, warm, diffuse — navy-tinted) ---- */
  --shadow-xs:  0 1px 2px rgba(53, 63, 79, 0.06);
  --shadow-sm:  0 2px 8px rgba(53, 63, 79, 0.07);
  --shadow-md:  0 10px 30px rgba(53, 63, 79, 0.10);
  --shadow-lg:  0 24px 60px rgba(53, 63, 79, 0.14);
  --shadow-card: 0 14px 40px rgba(53, 63, 79, 0.10);

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);         /* @kind other */
  --dur-fast:    140ms;   /* @kind other */
  --dur-base:    240ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-soft);   /* @kind other */
}