/* Borders do the structural work; shadows only lift transient surfaces. */
:root {
  --shadow-none: none;
  --shadow-1: 0 1px 2px rgba(11, 13, 14, 0.06);
  --shadow-2: 0 1px 2px rgba(11, 13, 14, 0.06), 0 6px 16px -6px rgba(11, 13, 14, 0.12);
  --shadow-3: 0 2px 4px rgba(11, 13, 14, 0.06), 0 18px 40px -12px rgba(11, 13, 14, 0.22);
  --shadow-inset-hairline: inset 0 0 0 1px rgba(11, 13, 14, 0.08);
  --focus-ring: 0 0 0 2px var(--paper-raised), 0 0 0 4px var(--lime-500);
  --focus-ring-inverse: 0 0 0 2px var(--ink-900), 0 0 0 4px var(--lime-500);
  --blur-veil: saturate(150%) blur(14px); /* @kind other */
  --veil: rgba(11, 13, 14, 0.42);
}