/* ============================================================
   EFFECTS  —  radii · borders · shadow · motion
   Transducer Media leans flat and architectural: hairline rules
   over heavy chrome, near-square corners, restrained shadow.
   Motion is patient — "hold the shot, allow quiet."
   ============================================================ */
:root {
  /* ---- Radii (the brand is near-square; rounding is barely there) ---- */
  --radius-0:  0;
  --radius-sm: 2px;
  --radius:    4px;     /* default — cards, inputs, buttons               */
  --radius-lg: 8px;
  --radius-pill: 999px; /* mono tags / chips only                        */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-hairline: 1px solid var(--hairline);
  --border-solid:    1px solid var(--border);
  --border-dark:     1px solid var(--hairline-dark);
  /* The kicker hairline + the gold left-rule used on callouts */
  --rule-gold: 2px solid var(--signal-gold);

  /* ---- Shadow (sparse; the floating-page shadow of the book) ---- */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(20, 17, 15, 0.06);
  --shadow:     0 8px 24px -12px rgba(20, 17, 15, 0.18);
  --shadow-lg:  0 24px 60px -24px rgba(20, 17, 15, 0.28);  /* page float  */
  --shadow-focus: 0 0 0 3px rgba(216, 184, 56, 0.35);      /* gold ring   */

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */ /* settle, no bounce */
  --ease-in-out: cubic-bezier(0.45, 0.05, 0.25, 1); /* @kind other */
  --dur-fast:  140ms;   /* @kind other */
  --dur:       240ms;   /* @kind other */
  --dur-slow:  480ms;   /* @kind other */ /* patient fades for imagery & overlays */
  --transition: all var(--dur) var(--ease-out);
}