/* ──────────────────────────────────────────────────────────
   EFFECTS — borders, shadows, motion, signature background
   The brand is flat & dark: borders carry hierarchy, not shadow.
   ────────────────────────────────────────────────────────── */
:root {
  /* Borders — expressed as inset rings so pills stay crisp */
  --ring-accent: inset 0 0 0 1px var(--jd-orange);
  --ring-hairline: inset 0 0 0 1px var(--jd-line);
  --ring-white: inset 0 0 0 1px var(--jd-white);

  /* Shadows — used sparingly; the canvas is matte */
  --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.45);
  --shadow-lift: 0 12px 40px rgba(0, 0, 0, 0.55);

  /* Focus */
  --focus-shadow: 0 0 0 2px var(--jd-black), 0 0 0 4px var(--jd-orange);

  /* Motion — quick, no bounce; everything eases out */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms;      /* @kind other */
  --dur-slow: 360ms; /* @kind other */

  /* Signature watermark background opacity */
  --watermark-opacity: 0.5; /* @kind other */
}