/* CounselPress — Elevation & focus
   Soft, low-contrast shadows tuned to a warm/navy palette. Used sparingly —
   most separation comes from hairline rules and surface color, not shadow. */

:root {
  --shadow-xs: 0 1px 2px rgba(20, 39, 58, 0.06);
  --shadow-sm: 0 1px 3px rgba(20, 39, 58, 0.08), 0 1px 2px rgba(20, 39, 58, 0.04);
  --shadow:    0 4px 14px rgba(20, 39, 58, 0.08), 0 1px 3px rgba(20, 39, 58, 0.05);
  --shadow-md: 0 10px 28px rgba(20, 39, 58, 0.10), 0 2px 6px rgba(20, 39, 58, 0.06);
  --shadow-lg: 0 22px 48px rgba(14, 27, 41, 0.16), 0 6px 14px rgba(14, 27, 41, 0.08);

  /* Focus ring — WCAG 2.2 visible focus */
  --focus-width: 3px;
  --focus-offset: 2px;
  --focus-shadow: 0 0 0 var(--focus-offset) var(--color-bg), 0 0 0 calc(var(--focus-offset) + var(--focus-width)) var(--focus-ring);
}