/* AskJim effects — radii small and square; shadows rare and warm-tinted;
   motion quiet (~180ms, standard ease, no bounce); sticky translucent header. */
:root {
  /* ---- Radii (small, square) ---- */
  --radius-button: 3px;  /* buttons, inputs, chips */
  --radius-card: 5px;    /* the one floating card (newsletter signup) */
  --radius-image: 2px;   /* image corners */

  /* ---- Shadows (rare, warm-tinted, never neutral gray) ---- */
  --shadow-card: 0 24px 60px rgba(80, 20, 8, 0.28); /* newsletter signup */
  --shadow-lift: 0 8px 24px rgba(80, 20, 8, 0.12);  /* subtle hover lift */

  /* ---- Motion ---- */
  --transition: 180ms ease; /* @kind other */
  --transition-fast: 140ms ease; /* @kind other */

  /* ---- Header ---- */
  --header-bg: rgba(250, 248, 245, 0.92);
  --header-blur: 8px;

  /* ---- Article hover ---- */
  --hover-card-opacity: 0.78; /* @kind other */
}