/* Blossom is an almost entirely shadowless system: depth comes from tinted
   fills and 1px warm borders, not elevation. These two are the only
   shadow-shaped treatments in the app. */
:root{
  --border-hairline:1px solid var(--border);
  --border-hairline-light:1px solid var(--border-light);
  --divider-on-tint:1px solid rgba(var(--shadow-rgb), 0.08);
  /* Modal/photo-viewer scrim */
  --scrim:rgba(0,0,0,0.95);
  --scrim-soft:rgba(0,0,0,0.35);
}