:root {
  /* Every shadow is hard, offset down-and-right, never blurred. No glow, no gradients. */
  --shadow-hard-sm: 3px 3px 0 var(--shadow-ink);
  --shadow-hard: 6px 6px 0 var(--shadow-ink);
  --shadow-hard-lg: 10px 10px 0 var(--shadow-ink);
  --shadow-hard-ig: 16px 16px 0 var(--shadow-ink);

  /* Pressed state: the object travels into its own shadow. */
  --press-travel: 2px; /* @kind spacing */
  --shadow-hard-pressed: 1px 1px 0 var(--shadow-ink);
}
