/* ============================================================
   GUIDE DESIGN SYSTEM — ELEVATION / SHADOW TOKENS
   Soft, low-spread shadows on a near-black neutral.
   ============================================================ */

:root {
  --shadow-sm: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 16px 0 rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 32px 0 rgba(0, 0, 0, 0.15);

  /* Stroke widths */
  --stroke-hairline: 0.5px;
  --stroke-1: 1px;
  --stroke-2: 2px;
  --stroke-4: 4px;

  /* Focus ring — brand purple, used on inputs & controls */
  --focus-ring: 0 0 0 3px rgba(88, 57, 215, 0.30);
}